@raspberrypifoundation/design-system-react 2.4.0 → 2.4.2
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/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,23 @@ All notable changes to this project will be documented in this file.
|
|
|
4
4
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
6
6
|
|
|
7
|
+
## 2.4.2 - 2025-07-30
|
|
8
|
+
|
|
9
|
+
### Changed
|
|
10
|
+
|
|
11
|
+
- Improved `SearchInput` accessibility:
|
|
12
|
+
- Wrapped component in semantic `<search>` element and a `<form>` element
|
|
13
|
+
- Moved `onClick` handler to the `form` element
|
|
14
|
+
- Changed button type to `submit`
|
|
15
|
+
|
|
16
|
+
It should now be possible for users to submit their input using the keyboard 'enter' key without having to tab to the button.
|
|
17
|
+
|
|
18
|
+
## 2.4.1 - 2025-07-30
|
|
19
|
+
|
|
20
|
+
### Changed
|
|
21
|
+
|
|
22
|
+
- Upgrade Design System Core to v2.3.1
|
|
23
|
+
|
|
7
24
|
## 2.4.0 - 2025-07-15
|
|
8
25
|
|
|
9
26
|
### Changed
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp";.rpf-accordion{--background-color: var(--rpf-white);--border-color: var(--rpf-grey-50);--border-width: var(--border-width-sm);--text-color: var(--rpf-text-primary);--icon-color: var(--rpf-navy-800);background:var(--background-color);border-block-start:var(--border-width) solid var(--border-color)}.rpf-accordion:last-of-type{border-block-end:var(--border-width) solid var(--border-color)}.rpf-accordion__container{border-block-start:var(--border-width) solid var(--border-color)}.rpf-accordion__container:first-of-type{border-block-start:none}.rpf-accordion__text{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);color:var(--text-color);margin:0;padding-block-end:var(--space-2);padding-block-start:var(--space-1);padding-inline:var(--space-2)}.rpf-accordion__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);align-items:center;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding-block:var(--space-2);padding-inline:var(--space-2)}.rpf-accordion__title::marker{display:none}.rpf-accordion__title:focus-visible{outline:var(--border-width-lg) solid var(--rpf-brand-raspberry)}.rpf-accordion__icon{background:transparent;display:block;block-size:var(--space-0-25);margin-block-start:0;margin-inline-start:var(--space-2);position:relative;inline-size:var(--space-2)}.rpf-accordion__icon:before,.rpf-accordion__icon:after{background:var(--icon-color);border-radius:var(--border-radius);content:"";block-size:var(--space-0-25);position:absolute;transition:all .3s;inline-size:var(--space-2)}.rpf-accordion__icon:before{transform:rotate(90deg)}.rpf-accordion[open] .rpf-accordion__icon:before,.rpf-accordion__container[open] .rpf-accordion__icon:before{transform:rotate(180deg)}:root,:host{--rpf-alert-body-font-size: var(--font-size-1);--rpf-alert-body-line-height: var(--font-size-1-5);--rpf-alert-title-font-size: var(--font-size-1);--rpf-alert-title-line-height: var(--font-size-1-5);--rpf-alert-information-background-color: var(--rpf-alert-information-highlight);--rpf-alert-information-accent-color: var(--rpf-alert-information);--rpf-alert-information-icon: "info";--rpf-alert-error-background-color: var(--rpf-alert-error-highlight);--rpf-alert-error-accent-color: var(--rpf-alert-error);--rpf-alert-error-icon: "error_outline";--rpf-alert-warning-background-color: var(--rpf-alert-warning-background-color);--rpf-alert-warning-accent-color: var(--rpf-alert-warning);--rpf-alert-warning-icon: "warning_amber";--rpf-alert-success-background-color: var(--rpf-alert-success-highlight);--rpf-alert-success-accent-color: var(--rpf-alert-success);--rpf-alert-success-icon: "check_circle"}.rpf-alert{align-items:center;background-color:var(--rpf-alert-background-color);border-color:var(--rpf-alert-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--alert-border-width);color:var(--rpf-text-primary);display:flex;flex-direction:column;margin-block-end:var(--space-2);position:relative;text-align:center}.rpf-alert__header{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--space-1);align-items:center;justify-content:space-between;min-block-size:var(--space-6);inline-size:100%;padding-inline:var(--space-2) var(--space-1)}.rpf-alert__icon{color:var(--rpf-alert-color);font-size:var(--font-size-2)}.rpf-alert__body{align-self:stretch;display:flex;flex-direction:column;font-size:var(--rpf-alert-body-font-size);font-weight:var(--font-weight-regular);gap:var(--space-2);line-height:var(--rpf-alert-body-line-height);padding-block-end:var(--space-2);padding-inline:var(--space-2);text-align:start}.rpf-alert__body *{margin:0;padding:0}.rpf-alert__title{font-size:var(--rpf-alert-title-font-size);font-weight:var(--font-weight-bold);inline-size:100%;line-height:var(--rpf-alert-title-line-height);margin-block:var(--space-2);margin-inline:0;text-align:start}.rpf-alert__actions{display:flex;flex-direction:row;gap:var(--space-2)}.rpf-alert__close{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-2);margin-inline-start:auto;inset-inline-end:var(--space-0-5);inset-block-start:var(--space-0-5)}.rpf-alert__close .rpf-button__icon{color:var(--rpf-text-primary)}.rpf-alert--hidden{display:none}.rpf-alert--error{--rpf-alert-background-color: var(--rpf-alert-error-background-color);--rpf-alert-color: var(--rpf-alert-error-accent-color)}.rpf-alert--error .rpf-alert__icon:after{content:var(--rpf-alert-error-icon)}.rpf-alert--information{--rpf-alert-background-color: var(--rpf-alert-information-background-color);--rpf-alert-color: var(--rpf-alert-information-accent-color)}.rpf-alert--information .rpf-alert__icon:after{content:var(--rpf-alert-information-icon)}.rpf-alert--warning{--rpf-alert-background-color: var(--rpf-alert-warning-background-color);--rpf-alert-color: var(--rpf-alert-warning-accent-color)}.rpf-alert--warning .rpf-alert__icon:after{content:var(--rpf-alert-warning-icon)}.rpf-alert--success{--rpf-alert-background-color: var(--rpf-alert-success-background-color);--rpf-alert-color: var(--rpf-alert-success-accent-color)}.rpf-alert--success .rpf-alert__icon:after{content:var(--rpf-alert-success-icon)}.rpf-input-checkbox{--rpf-input-checkbox-hit-target: var(--min-target-size);--rpf-input-checkbox-size: var(--space-3);--rpf-input-border-colour: var(--rpf-grey-850);align-items:center;border-radius:var(--space-1);box-sizing:border-box;display:flex;gap:var(--space-1-5);max-width:50ch;min-height:var(--rpf-input-checkbox-hit-target);min-width:240px;padding-block:calc((var(--rpf-input-checkbox-hit-target) - var(--rpf-input-checkbox-size)) / 2);width:100%}.rpf-input-checkbox input[type=checkbox]{align-self:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--rpf-white);border:var(--space-0-25) solid var(--rpf-input-border-colour);border-radius:var(--space-0-5);flex-shrink:0;height:var(--rpf-input-checkbox-size);margin:0;width:var(--rpf-input-checkbox-size)}.rpf-input-checkbox input[type=checkbox]:checked{background:var(--rpf-grey-850);background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.95834 15.0003L3.20834 10.2503L4.39584 9.06283L7.95834 12.6253L15.6042 4.97949L16.7917 6.16699L7.95834 15.0003Z" fill="white"/></svg>')}.rpf-input-checkbox input[type=checkbox]:disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-checkbox input[type=checkbox]:disabled:checked{background-color:var(--rpf-grey-600)}.rpf-input-checkbox--error input[type=checkbox]{border-color:var(--rpf-input-color-error)}.rpf-input-checkbox--error input[type=checkbox]:checked{background-color:var(--rpf-input-color-error)}.rpf-input-checkbox.rpf-input--full-width{max-width:none}.rpf-input-checkbox:has(>input[type=checkbox]:disabled),.rpf-input-checkbox--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-input-checkbox input[type=checkbox]:focus-visible{outline:3px solid var(--rpf-input-outline-color);outline-offset:0}.rpf-fieldset{all:unset;background-color:var(--rpf-input-background-color);box-sizing:border-box;display:block;color:var(--rpf-input-color);margin-block-end:var(--space-3);max-inline-size:fit-content}.rpf-fieldset--full-width,.rpf-fieldset--full-width .rpf-fieldset__inputs *{max-inline-size:none}.rpf-fieldset__inputs *:last-child{margin-block-end:0}.rpf-fieldset--error .rpf-input-checkbox,.rpf-fieldset--error .rpf-input-radio{--rpf-input-border-colour: var(--rpf-input-color-error)}.rpf-fieldset--error .rpf-input-checkbox input[type=checkbox]:checked,.rpf-fieldset--error .rpf-input-radio input[type=checkbox]:checked{background-color:var(--rpf-input-color-error)}.rpf-fieldset--error .rpf-input-checkbox input[type=radio]:checked,.rpf-fieldset--error .rpf-input-radio input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>')}:root,:host{--color-progress-bar-complete: var(--rpf-navy-800);--color-progress-bar-incomplete: var(--rpf-grey-150);--rpf-progress-bar-background-color: var(--color-progress-bar-incomplete);--rpf-progress-bar-accent-color: var(--color-progress-bar-complete);--rpf-progress-bar-block-size: var(--space-1);--rpf-progress-bar-border-radius: var(--space-1);--rpf-progress-bar-gap: var(--space-3);--rpf-progress-bar-font-size: var(--font-size-1);--rpf-progress-bar-font-weight: var(--font-weight-regular);--rpf-progress-bar-complete-color: var(--rpf-alert-success);--rpf-progress-bar-complete-icon: url('data:image/svg+xml,<svg height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m424-296 282-282-56-56-226 226-114-114-56 56zm56 216q-83 0-156-31.5t-127-85.5q-54-54-85.5-127t-31.5-156q0-83 31.5-156t85.5-127q54-54 127-85.5t156-31.5q83 0 156 31.5t127 85.5q54 54 85.5 127t31.5 156q0 83-31.5 156t-85.5 127q-54 54-127 85.5t-156 31.5z"/></svg>')}.rpf-progress-bar__label{font-size:var(--rpf-progress-bar-font-size);line-height:1.5em;font-weight:var(--rpf-progress-bar-font-weight);align-items:center;display:grid;gap:var(--rpf-progress-bar-gap);grid-template-columns:max-content 1fr}.rpf-progress-bar__bar{background:var(--rpf-progress-bar-background-color);block-size:var(--rpf-progress-bar-block-size);border-radius:var(--rpf-progress-bar-border-radius);inline-size:100%;border:none}.rpf-progress-bar__bar::-webkit-progress-bar{background:var(--rpf-progress-bar-background-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar__bar::-webkit-progress-value{background:var(--rpf-progress-bar-accent-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar__bar::-moz-progress-bar{background:var(--rpf-progress-bar-accent-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar--complete{--rpf-progress-bar-accent-color: var(--rpf-progress-bar-complete-color)}.rpf-progress-bar--complete .rpf-progress-bar__label span{display:flex}.rpf-progress-bar--complete .rpf-progress-bar__label span:before{content:"";display:inline-block;block-size:1.5em;aspect-ratio:1/1;margin-inline-end:var(--space-1);vertical-align:middle;background-color:var(--rpf-progress-bar-complete-color);mask-image:var(--rpf-progress-bar-complete-icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--rpf-progress-bar-complete-icon);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.rpf-input-radio{--rpf-input-radio-hit-target: var(--min-target-size);--rpf-input-radio-size: var(--space-3);--rpf-input-border-colour: var(--rpf-grey-850);align-items:center;border-radius:var(--space-1);box-sizing:border-box;display:flex;gap:var(--space-1-5);max-width:50ch;min-height:var(--rpf-input-radio-hit-target);min-width:240px;padding-block:calc((var(--rpf-input-radio-hit-target) - var(--rpf-input-radio-size)) / 2);width:100%}.rpf-input-radio input[type=radio]{align-self:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--rpf-white);border:var(--space-0-25) solid var(--rpf-input-border-colour);border-radius:var(--rpf-input-radio-size);flex-shrink:0;height:var(--rpf-input-radio-size);margin:0;width:var(--rpf-input-radio-size)}.rpf-input-radio input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(228, 9%, 15%, 1)"/></svg>');background-position:center center;background-repeat:no-repeat}.rpf-input-radio input[type=radio]:disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-radio input[type=radio]:disabled:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(229, 8%, 61%, 1)"/></svg>')}.rpf-input-radio--error input[type=radio]{border-color:var(--rpf-input-color-error)}.rpf-input-radio--error input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>')}.rpf-input-radio.rpf-input--full-width{max-width:none}.rpf-input-radio:has(>input[type=radio]:disabled),.rpf-input-radio--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-input-radio input[type=radio]:focus-visible{outline:3px solid var(--rpf-input-outline-color);outline-offset:0}:root,:host{--rpf-brand-black: hsla(60, 4%, 11%, 1);--rpf-brand-leaf: hsla(123, 43%, 48%, 1);--rpf-brand-raspberry: hsla(342, 71%, 47%, 1);--rpf-raspberry-50: hsla(338, 57%, 97%, 1);--rpf-raspberry-100: hsla(342, 62%, 96%, 1);--rpf-raspberry-200: hsla(344, 73%, 93%, 1);--rpf-raspberry-400: hsla(341, 63%, 84%, 1);--rpf-raspberry-500: hsla(343, 62%, 68%, 1);--rpf-raspberry-600: hsla(343, 64%, 58%, 1);--rpf-raspberry-800: hsla(342, 71%, 47%, 1);--rpf-raspberry-900: hsla(340, 78%, 36%, 1)}:root,:host{--min-target-size: 44px;--sm-target-size: 32px;--lg-target-size: 48px}.rpf-button{--rpf-button-background-color: var(--rpf-navy-800);--rpf-button-background-color-hover: var(--rpf-navy-900);--rpf-button-background-color-active: var(--rpf-navy-600);--rpf-button-background-color-disabled: var(--rpf-grey-600);--rpf-button-text-color: var(--rpf-white);--rpf-button-border-color: var(--rpf-button-background-color);--rpf-button-border-color-hover: var(--rpf-button-background-color-hover);--rpf-button-border-color-active: var(--rpf-button-background-color-active);--rpf-button-border-color-disabled: var(--rpf-button-background-color-disabled);--rpf-button-danger-background-color: var(--rpf-alert-error);--rpf-button-danger-background-color-hover: var(--rpf-alert-error);--rpf-button-danger-background-color-active: var(--rpf-red-900);--rpf-button-danger-background-color-disabled: var(--rpf-grey-600);--rpf-button-danger-text-color: var(--rpf-white);--rpf-button-danger-border-color: var(--rpf-button-danger-background-color);--rpf-button-danger-border-color-hover: var(--rpf-button-danger-background-color-hover);--rpf-button-danger-border-color-active: var(--rpf-button-danger-background-color-active);--rpf-button-danger-border-color-disabled: var(--rpf-button-danger-background-color-disabled);--rpf-button-border-radius: var(--border-radius);--rpf-button-border-width: var(--border-width-md);--rpf-button-lg-height: var(--lg-target-size);--rpf-button-sm-height: var(--sm-target-size);--rpf-button-min-target-size: var(--min-target-size);all:unset;align-items:center;box-sizing:border-box;color:var(--rpf-button-text-color);cursor:pointer;display:flex;font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);gap:var(--space-1);min-block-size:var(--rpf-button-lg-height);padding:var(--space-1) var(--space-2);position:relative;text-align:center;text-decoration:none;transform:scale(1);inline-size:fit-content}.rpf-button:before{background-color:var(--rpf-button-background-color);border-color:var(--rpf-button-border-color);border-radius:var(--rpf-button-border-radius);border-style:solid;border-width:var(--rpf-button-border-width);content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.rpf-button:hover:before{background-color:var(--rpf-button-background-color-hover);border-color:var(--rpf-button-border-color-hover)}.rpf-button:active:before{background-color:var(--rpf-button-background-color-active);border-color:var(--rpf-button-border-color-active)}.rpf-button:focus-visible:before{outline:var(--border-width-md) solid var(--rpf-button-background-color);outline-offset:3px}.rpf-button:disabled,.rpf-button--disabled{cursor:default}.rpf-button:disabled:before,.rpf-button:disabled:hover:before,.rpf-button--disabled:before,.rpf-button--disabled:hover:before{border-color:var(--rpf-button-border-color-disabled);background-color:var(--rpf-button-background-color-disabled)}.rpf-button--secondary{color:var(--rpf-button-background-color)}.rpf-button--secondary:before{background-color:var(--rpf-button-text-color)}.rpf-button--secondary:hover{color:var(--rpf-button-background-color-hover)}.rpf-button--secondary:hover:before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-hover)}.rpf-button--secondary:active{color:var(--rpf-button-background-color-active)}.rpf-button--secondary:active:before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-active)}.rpf-button--secondary:disabled,.rpf-button--secondary.rpf-button--disabled{color:var(--rpf-button-background-color-disabled)}.rpf-button--secondary:disabled:hover:before,.rpf-button--secondary:disabled:before,.rpf-button--secondary.rpf-button--disabled:hover:before,.rpf-button--secondary.rpf-button--disabled:before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-disabled)}.rpf-button--secondary.rpf-button--danger{color:var(--rpf-button-danger-background-color)}.rpf-button--secondary.rpf-button--danger:before{background-color:var(--rpf-button-danger-text-color)}.rpf-button--secondary.rpf-button--danger:hover{color:var(--rpf-button-danger-background-color-hover)}.rpf-button--secondary.rpf-button--danger:hover:before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-hover)}.rpf-button--secondary.rpf-button--danger:active{color:var(--rpf-button-danger-background-color-active)}.rpf-button--secondary.rpf-button--danger:active:before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-active)}.rpf-button--secondary.rpf-button--danger:disabled,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled{color:var(--rpf-button-danger-background-color-disabled)}.rpf-button--secondary.rpf-button--danger:disabled:hover:before,.rpf-button--secondary.rpf-button--danger:disabled:before,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled:hover:before,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled:before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-disabled)}.rpf-button--tertiary{color:var(--rpf-button-background-color)}.rpf-button--tertiary:before{background-color:transparent;border-color:transparent}.rpf-button--tertiary:hover{color:var(--rpf-button-background-color-hover)}.rpf-button--tertiary:hover:before{background-color:transparent;border-color:transparent}.rpf-button--tertiary:active{color:var(--rpf-button-background-color-active)}.rpf-button--tertiary:active:before{background-color:transparent}.rpf-button--tertiary:disabled,.rpf-button--tertiary.rpf-button--disabled{color:var(--rpf-button-background-color-disabled)}.rpf-button--tertiary:disabled:before,.rpf-button--tertiary:disabled:hover:before,.rpf-button--tertiary.rpf-button--disabled:before,.rpf-button--tertiary.rpf-button--disabled:hover:before{background-color:transparent;border-color:transparent}.rpf-button--tertiary.rpf-button--danger{color:var(--rpf-button-danger-background-color)}.rpf-button--tertiary.rpf-button--danger:before{background-color:transparent;border-color:transparent}.rpf-button--tertiary.rpf-button--danger:hover{color:var(--rpf-button-danger-background-color-hover)}.rpf-button--tertiary.rpf-button--danger:hover:before{background-color:transparent;border-color:transparent}.rpf-button--tertiary.rpf-button--danger:active{color:var(--rpf-button-danger-background-color-active)}.rpf-button--tertiary.rpf-button--danger:active:before{background-color:transparent}.rpf-button--tertiary.rpf-button--danger:disabled,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled{color:var(--rpf-button-danger-background-color-disabled)}.rpf-button--tertiary.rpf-button--danger:disabled:before,.rpf-button--tertiary.rpf-button--danger:disabled:hover:before,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled:before,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled:hover:before{background-color:transparent;border-color:transparent}.rpf-button--danger{color:var(--rpf-button-danger-text-color)}.rpf-button--danger:before{background-color:var(--rpf-button-danger-background-color);border-color:var(--rpf-button-danger-border-color)}.rpf-button--danger:hover:before{background-color:var(--rpf-button-danger-background-color-hover);border-color:var(--rpf-button-danger-border-color-hover)}.rpf-button--danger:active:before{background-color:var(--rpf-button-danger-background-color-active);border-color:var(--rpf-button-danger-border-color-active)}.rpf-button--danger:focus-visible:before{outline:var(--border-width-md) solid var(--rpf-button-danger-background-color)}.rpf-button--icon-only{block-size:var(--rpf-button-lg-height);line-height:var(--rpf-button-lg-height);padding:0;text-align:center;inline-size:var(--rpf-button-lg-height)}.rpf-button--icon-only .rpf-button__icon{margin:0 auto}.rpf-button--sm{font-size:var(--font-size-1);min-block-size:var(--rpf-button-min-target-size);padding:var(--space-1) var(--space-1)}.rpf-button--sm:before{inset:calc((var(--rpf-button-min-target-size) - var(--rpf-button-sm-height)) / 2) 0}.rpf-button--sm.rpf-button--icon-only{block-size:var(--rpf-button-min-target-size);line-height:var(--rpf-button-min-target-size);padding:0;inline-size:var(--rpf-button-min-target-size)}.rpf-button--sm.rpf-button--icon-only:before{inset:calc((var(--rpf-button-min-target-size) - var(--rpf-button-sm-height)) / 2)}.rpf-button--sm .material-symbols-sharp{font-size:20px;font-variation-settings:"OPSZ" 20}.rpf-button--full-width{justify-content:center;inline-size:100%}.rpf-input-search-container{display:flex;max-width:50ch;min-width:240px;width:100%}.rpf-input-search-container input[type=search]::-webkit-search-decoration,.rpf-input-search-container input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.rpf-input-search-container .rpf-input-search{border-end-end-radius:0;border-inline-end:0;border-start-end-radius:0}.rpf-input-search-container .rpf-button{flex-shrink:0;border-radius:0 var(--border-radius) var(--border-radius) 0;box-sizing:border-box;justify-content:center;max-width:var(--space-6)}.rpf-input-search-container .rpf-button:before{border:var(--input-border-width) solid var(--rpf-input-color);border-radius:0 var(--border-radius) var(--border-radius) 0}.rpf-input-search-container .rpf-button:disabled .rpf-button__icon,.rpf-input-search-container .rpf-button--disabled .rpf-button__icon{color:var(--rpf-input-color)}.rpf-input-search-container .rpf-button:disabled:before,.rpf-input-search-container .rpf-button--disabled:before{background-color:var(--rpf-input-background-color-disabled);border-color:var(--rpf-input-background-color-disabled)}.rpf-input-search-container .rpf-button--error:before{border-color:var(--rpf-alert-error)}.rpf-input-search-container .rpf-input-search:focus-visible,.rpf-input-search-container .rpf-button:focus-visible{outline:3px solid var(--rpf-input-outline-color);z-index:1}.rpf-input-search-container .rpf-input-search:focus-visible:before,.rpf-input-search-container .rpf-button:focus-visible:before{outline:0}.rpf-input.rpf-input-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'><path fill='%23212121' d='m12 15.375-6-6 1.4-1.4 4.6 4.6 4.6-4.6 1.4 1.4-6 6Z'/></svg>");background-repeat:no-repeat;background-position:center right var(--space-1-5)}html[dir=rtl] .rpf-input.rpf-input-select{background-position:center left var(--space-1-5)}.rpf-input.rpf-input-select:disabled,.rpf-input.rpf-input-select--disabled{background-image:none}.rpf-table{border:1px solid var(--rpf-grey-100);border-radius:var(--border-radius);overflow:auto;top:0;width:fit-content}.rpf-table--full-width{width:100%}.rpf-table__table{border-collapse:collapse;width:max-content}.rpf-table__table--full-width{width:100%}.rpf-table__table thead th,.rpf-table__table thead td{position:sticky;top:0;z-index:1}.rpf-table-cell{border-bottom:var(--table-border-width) solid var(--rpf-grey-100)}.rpf-table-cell>*{align-items:center;box-sizing:border-box;display:flex;gap:var(--space-1);line-height:var(--line-height-1-5);padding-block:var(--space-1);padding-inline:var(--space-2)}.rpf-table-cell--header,.rpf-table-cell--sortable-header{background-color:var(--rpf-grey-50)}.rpf-table-cell--header>*,.rpf-table-cell--sortable-header>*{min-height:var(--space-7);min-width:var(--space-7)}.rpf-table-cell--sortable-header .rpf-table-cell__sort-header{display:flex;width:100%;gap:var(--space-1);min-height:var(--min-target-size);align-items:center;border-radius:var(--border-radius)}.rpf-table-cell--sortable-header .rpf-table-cell__sort-header:focus-visible{outline:2px solid var(--rpf-raspberry-800);outline-offset:3px}.rpf-table-cell--sortable-header button{all:unset;cursor:pointer}.rpf-table-cell--sortable-header a{color:inherit;text-decoration:none}.rpf-table-cell--body{background-color:var(--rpf-white)}.rpf-table-cell--body .rpf-table-cell__content{min-height:var(--space-8);min-width:var(--space-8)}.rpf-table-cell--body .rpf-table-cell__content>*{margin-block:auto}.rpf-table-cell--body .rpf-table-cell__content a{color:var(--rpf-brand-500);font-weight:var(--font-weight-bold)}.rpf-table-cell--body .rpf-table-cell__content:has(>.rpf-button){justify-content:end;padding:var(--space-1)}.rpf-table-cell--body .rpf-table-cell__content--truncated{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpf-tag{--tag-color: var(--rpf-text-primary);--tag-color-secondary: color-mix(in srgb, var(--tag-color), white 95%);--tag-text-color: var(--rpf-white);--tag-text-color-secondary: var(--tag-color);align-items:center;border:solid 1px var(--tag-color);background-color:var(--tag-color);border-radius:2rem;color:var(--tag-text-color);display:flex;font-weight:var(--font-weight-bold);gap:var(--space-0-5);line-height:1.5rem;padding:var(--space-0-5) var(--space-1);inline-size:max-content}.rpf-tag--information{background-color:var(--rpf-alert-information);border-color:var(--rpf-alert-information)}.rpf-tag--success{background-color:var(--rpf-alert-success);border-color:var(--rpf-alert-success)}.rpf-tag--warning{background-color:var(--rpf-alert-warning);border-color:var(--rpf-alert-warning)}.rpf-tag--error{background-color:var(--rpf-alert-error);border-color:var(--rpf-alert-error)}.rpf-tag--secondary{background-color:var(--tag-color-secondary);color:var(--tag-text-color-secondary)}.rpf-tag--secondary.rpf-tag--information{border-color:var(--rpf-alert-information);color:var(--rpf-alert-information)}.rpf-tag--secondary.rpf-tag--success{border-color:var(--rpf-alert-success);color:var(--rpf-alert-success)}.rpf-tag--secondary.rpf-tag--warning{border-color:var(--rpf-alert-warning);color:var(--rpf-alert-warning)}.rpf-tag--secondary.rpf-tag--error{border-color:var(--rpf-alert-error);color:var(--rpf-alert-error)}.rpf-input.rpf-input-textarea{resize:vertical;min-height:120px;height:auto;max-height:240px;overflow:auto;white-space:pre-wrap}.rpf-input.rpf-input-textarea:read-only,.rpf-input.rpf-input-textarea--read-only,.rpf-input.rpf-input-textarea--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}:root,:host{--border-radius: var(--space-1);--border-radius-sm: var(--space-0-5);--border-width-sm: 1px;--border-width-md: 2px;--border-width-lg: 3px;--alert-border-width: var(--border-width-md);--fieldset-border-width: var(--border-width-md);--input-border-width: var(--border-width-md);--table-border-width: var(--border-width-sm)}:root,:host{--rpf-alert-error-highlight: hsla(0, 88%, 99%, 1);--rpf-alert-error: hsla(0, 88%, 33%, 1);--rpf-alert-information-highlight: hsla(225, 64%, 99%, 1);--rpf-alert-information: hsla(225, 64%, 33%, 1);--rpf-alert-success-highlight: hsla(136, 90%, 99%, 1);--rpf-alert-success: hsla(136, 90%, 20%, 1);--rpf-alert-warning-highlight: hsla(26, 70%, 99%, 1);--rpf-alert-warning: hsla(26, 70%, 29%, 1)}:root,:host{--rpf-white: hsla(0, 0%, 100%, 1);--rpf-off-white: hsla(225, 25%, 97%, 1);--rpf-grey-50: hsla(210, 8%, 95%, 1);--rpf-grey-100: hsla(228, 10%, 90%, 1);--rpf-grey-150: hsla(223, 9%, 85%, 1);--rpf-grey-200: hsla(228, 10%, 80%, 1);--rpf-grey-300: hsla(229, 9%, 75%, 1);--rpf-grey-400: hsla(229, 8%, 61%, 1);--rpf-grey-500: hsla(229, 9%, 42%, 1);--rpf-grey-600: hsla(228, 9%, 32%, 1);--rpf-grey-700: hsla(228, 9%, 22%, 1);--rpf-grey-800: hsla(232, 9%, 18%, 1);--rpf-grey-850: hsla(228, 9%, 15%, 1);--rpf-grey-900: hsla(228, 9%, 10%, 1);--rpf-grey-950: hsla(228, 8%, 5%, 1);--rpf-black: hsla(0, 0%, 0%, 1)}:root,:host{--rpf-red-100: hsla(4, 89%, 96%, 1);--rpf-red-200: hsla(1, 87%, 91%, 1);--rpf-red-400: hsla(1, 87%, 82%, 1);--rpf-red-600: hsla(1, 87%, 72%, 1);--rpf-red-800: hsla(1, 87%, 63%, 1);--rpf-red-900: hsla(1, 52%, 50%, 1);--rpf-green-100: hsla(125, 41%, 95%, 1);--rpf-green-200: hsla(122, 39%, 87%, 1);--rpf-green-400: hsla(123, 40%, 74%, 1);--rpf-green-600: hsla(123, 40%, 61%, 1);--rpf-green-800: hsla(123, 43%, 48%, 1);--rpf-green-900: hsla(123, 43%, 34%, 1);--rpf-teal-100: hsla(176, 55%, 94%, 1);--rpf-teal-200: hsla(174, 55%, 85%, 1);--rpf-teal-400: hsla(174, 55%, 70%, 1);--rpf-teal-600: hsla(174, 56%, 56%, 1);--rpf-teal-800: hsla(174, 81%, 41%, 1);--rpf-teal-900: hsla(174, 81%, 27%, 1);--rpf-teal-950: hsla(174, 80%, 20%, 1);--rpf-orange-100: hsla(31, 100%, 95%, 1);--rpf-orange-200: hsla(32, 100%, 88%, 1);--rpf-orange-400: hsla(31, 100%, 77%, 1);--rpf-orange-600: hsla(31, 99%, 65%, 1);--rpf-orange-800: hsla(31, 99%, 54%, 1);--rpf-orange-900: hsla(31, 85%, 35%, 1);--rpf-yellow-100: hsla(51, 100%, 95%, 1);--rpf-yellow-200: hsla(52, 100%, 87%, 1);--rpf-yellow-400: hsla(51, 100%, 75%, 1);--rpf-yellow-600: hsla(52, 100%, 63%, 1);--rpf-yellow-800: hsla(52, 100%, 50%, 1);--rpf-yellow-900: hsla(52, 100%, 26%, 1);--rpf-purple-100: hsla(282, 36%, 95%, 1);--rpf-purple-200: hsla(279, 38%, 87%, 1);--rpf-purple-400: hsla(279, 38%, 73%, 1);--rpf-purple-600: hsla(279, 37%, 60%, 1);--rpf-purple-800: hsla(279, 43%, 47%, 1);--rpf-purple-900: hsla(280, 43%, 37%, 1);--rpf-navy-100: hsla(235, 38%, 94%, 1);--rpf-navy-200: hsla(234, 38%, 84%, 1);--rpf-navy-400: hsla(235, 38%, 69%, 1);--rpf-navy-600: hsla(235, 38%, 53%, 1);--rpf-navy-800: hsla(235, 63%, 37%, 1);--rpf-navy-900: hsla(234, 63%, 30%, 1);--rpf-blue-100: hsla(203, 86%, 95%, 1);--rpf-blue-200: hsla(204, 88%, 87%, 1);--rpf-blue-400: hsla(204, 88%, 74%, 1);--rpf-blue-600: hsla(204, 89%, 60%, 1);--rpf-blue-800: hsla(204, 100%, 47%, 1);--rpf-blue-900: hsla(204, 99%, 37%, 1)}:root,:host{--rpf-text-primary: hsla(0, 0%, 13%, 1);--rpf-text-primary-darkmode: var(--rpf-white);--rpf-text-secondary: hsla(200, 9%, 33%, 1);--rpf-text-secondary-darkmode: hsla(0, 0%, 80%, 1);--rpf-link-text: var(--rpf-navy-800)}:root,:host{--rpf-input-background-color: var(--rpf-white);--rpf-input-background-color-disabled: var(--rpf-grey-50);--rpf-input-background-color-readonly: var(--rpf-grey-50);--rpf-input-color-error: var(--rpf-alert-error);--rpf-input-color: var(--rpf-text-primary);--rpf-input-outline-color: var(--rpf-blue-800)}:root,:host{--font-size-0-5: .5rem;--font-size-0-75: .75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--space-0-125: .0625rem;--space-0-25: .125rem;--space-0-5: .25rem;--space-1: .5rem;--space-1-5: .75rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 3.5rem;--space-8: 4rem;--space-9: 4.5rem;--space-10: 5rem}.rpf-input-field{margin-block-end:var(--space-3)}.rpf-input{all:unset;background-color:var(--rpf-input-background-color);border:var(--input-border-width) solid var(--rpf-input-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--rpf-input-color);display:flex;font-size:var(--font-size-1);line-height:var(--line-height-2);padding-block:calc(var(--space-1) - 2px);padding-inline:var(--space-1-5);max-width:50ch;min-width:240px;width:100%}.rpf-input:disabled,.rpf-input--disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input:focus-visible{outline:3px solid var(--rpf-input-outline-color)}.rpf-input--error{border-color:var(--rpf-input-color-error)}.rpf-input--full-width{max-width:none}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: .75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}:root,:host{--rpf-label-hint-color: var(--rpf-text-secondary);--rpf-label-text-color: var(--rpf-text-primary);--rpf-label-text-color-disabled: var(--rpf-grey-500)}.rpf-label{all:unset;color:var(--rpf-label-text-color);display:flex;flex-direction:column;font-weight:var(--font-weight-bold);padding-block-end:var(--space-1);font-size:var(--font-size-1);line-height:var(--line-height-1-5)}.rpf-label__hint{color:var(--rpf-label-hint-color);font-size:var(--font-size-1);font-weight:var(--font-weight-regular)}.rpf-label--disabled,.rpf-label--disabled .rpf-label__hint{color:var(--rpf-label-text-color-disabled)}:root,:host{--rpf-message-text-color: var(--rpf-alert-error)}.rpf-error-message{all:unset;align-items:center;color:var(--rpf-message-text-color);display:flex;font-weight:var(--font-weight-bold);max-width:50ch;padding-block:var(--space-1)}.rpf-error-message__icon{margin-inline-end:var(--space-1)}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp";.rpf-accordion{--background-color: var(--rpf-white);--border-color: var(--rpf-grey-50);--border-width: var(--border-width-sm);--text-color: var(--rpf-text-primary);--icon-color: var(--rpf-navy-800);background:var(--background-color);border-block-start:var(--border-width) solid var(--border-color)}.rpf-accordion:last-of-type{border-block-end:var(--border-width) solid var(--border-color)}.rpf-accordion__container{border-block-start:var(--border-width) solid var(--border-color)}.rpf-accordion__container:first-of-type{border-block-start:none}.rpf-accordion__text{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);color:var(--text-color);margin:0;padding-block-end:var(--space-2);padding-block-start:var(--space-1);padding-inline:var(--space-2)}.rpf-accordion__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);align-items:center;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding-block:var(--space-2);padding-inline:var(--space-2)}.rpf-accordion__title::marker{display:none}.rpf-accordion__title:focus-visible{outline:var(--border-width-lg) solid var(--rpf-brand-raspberry)}.rpf-accordion__icon{background:transparent;display:block;block-size:var(--space-0-25);margin-block-start:0;margin-inline-start:var(--space-2);position:relative;inline-size:var(--space-2)}.rpf-accordion__icon:before,.rpf-accordion__icon:after{background:var(--icon-color);border-radius:var(--border-radius);content:"";block-size:var(--space-0-25);position:absolute;transition:all .3s;inline-size:var(--space-2)}.rpf-accordion__icon:before{transform:rotate(90deg)}.rpf-accordion[open] .rpf-accordion__icon:before,.rpf-accordion__container[open] .rpf-accordion__icon:before{transform:rotate(180deg)}:root,:host{--rpf-alert-body-font-size: var(--font-size-1);--rpf-alert-body-line-height: var(--font-size-1-5);--rpf-alert-title-font-size: var(--font-size-1);--rpf-alert-title-line-height: var(--font-size-1-5);--rpf-alert-information-background-color: var(--rpf-alert-information-highlight);--rpf-alert-information-accent-color: var(--rpf-alert-information);--rpf-alert-information-icon: "info";--rpf-alert-error-background-color: var(--rpf-alert-error-highlight);--rpf-alert-error-accent-color: var(--rpf-alert-error);--rpf-alert-error-icon: "error_outline";--rpf-alert-warning-background-color: var(--rpf-alert-warning-highlight);--rpf-alert-warning-accent-color: var(--rpf-alert-warning);--rpf-alert-warning-icon: "warning_amber";--rpf-alert-success-background-color: var(--rpf-alert-success-highlight);--rpf-alert-success-accent-color: var(--rpf-alert-success);--rpf-alert-success-icon: "check_circle"}.rpf-alert{align-items:center;background-color:var(--rpf-alert-background-color);border-color:var(--rpf-alert-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--alert-border-width);color:var(--rpf-text-primary);display:flex;flex-direction:column;margin-block-end:var(--space-2);position:relative;text-align:center}.rpf-alert__header{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--space-1);align-items:center;justify-content:space-between;min-block-size:var(--space-6);inline-size:100%;padding-inline:var(--space-2) var(--space-1)}.rpf-alert__icon{color:var(--rpf-alert-color);font-size:var(--font-size-2)}.rpf-alert__body{align-self:stretch;display:flex;flex-direction:column;font-size:var(--rpf-alert-body-font-size);font-weight:var(--font-weight-regular);gap:var(--space-2);line-height:var(--rpf-alert-body-line-height);padding-block-end:var(--space-2);padding-inline:var(--space-2);text-align:start}.rpf-alert__body *{margin:0;padding:0}.rpf-alert__title{font-size:var(--rpf-alert-title-font-size);font-weight:var(--font-weight-bold);inline-size:100%;line-height:var(--rpf-alert-title-line-height);margin-block:var(--space-2);margin-inline:0;text-align:start}.rpf-alert__actions{display:flex;flex-direction:row;gap:var(--space-2)}.rpf-alert__close{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-2);margin-inline-start:auto;inset-inline-end:var(--space-0-5);inset-block-start:var(--space-0-5)}.rpf-alert__close .rpf-button__icon{color:var(--rpf-text-primary)}.rpf-alert--hidden{display:none}.rpf-alert--error{--rpf-alert-background-color: var(--rpf-alert-error-background-color);--rpf-alert-color: var(--rpf-alert-error-accent-color)}.rpf-alert--error .rpf-alert__icon:after{content:var(--rpf-alert-error-icon)}.rpf-alert--information{--rpf-alert-background-color: var(--rpf-alert-information-background-color);--rpf-alert-color: var(--rpf-alert-information-accent-color)}.rpf-alert--information .rpf-alert__icon:after{content:var(--rpf-alert-information-icon)}.rpf-alert--warning{--rpf-alert-background-color: var(--rpf-alert-warning-background-color);--rpf-alert-color: var(--rpf-alert-warning-accent-color)}.rpf-alert--warning .rpf-alert__icon:after{content:var(--rpf-alert-warning-icon)}.rpf-alert--success{--rpf-alert-background-color: var(--rpf-alert-success-background-color);--rpf-alert-color: var(--rpf-alert-success-accent-color)}.rpf-alert--success .rpf-alert__icon:after{content:var(--rpf-alert-success-icon)}.rpf-input-checkbox{--rpf-input-checkbox-hit-target: var(--min-target-size);--rpf-input-checkbox-size: var(--space-3);--rpf-input-border-colour: var(--rpf-grey-850);align-items:center;border-radius:var(--space-1);box-sizing:border-box;display:flex;gap:var(--space-1-5);max-width:50ch;min-height:var(--rpf-input-checkbox-hit-target);min-width:240px;padding-block:calc((var(--rpf-input-checkbox-hit-target) - var(--rpf-input-checkbox-size)) / 2);width:100%}.rpf-input-checkbox input[type=checkbox]{align-self:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--rpf-white);border:var(--space-0-25) solid var(--rpf-input-border-colour);border-radius:var(--space-0-5);flex-shrink:0;height:var(--rpf-input-checkbox-size);margin:0;width:var(--rpf-input-checkbox-size)}.rpf-input-checkbox input[type=checkbox]:checked{background:var(--rpf-grey-850);background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.95834 15.0003L3.20834 10.2503L4.39584 9.06283L7.95834 12.6253L15.6042 4.97949L16.7917 6.16699L7.95834 15.0003Z" fill="white"/></svg>')}.rpf-input-checkbox input[type=checkbox]:disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-checkbox input[type=checkbox]:disabled:checked{background-color:var(--rpf-grey-600)}.rpf-input-checkbox--error input[type=checkbox]{border-color:var(--rpf-input-color-error)}.rpf-input-checkbox--error input[type=checkbox]:checked{background-color:var(--rpf-input-color-error)}.rpf-input-checkbox.rpf-input--full-width{max-width:none}.rpf-input-checkbox:has(>input[type=checkbox]:disabled),.rpf-input-checkbox--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-input-checkbox input[type=checkbox]:focus-visible{outline:3px solid var(--rpf-input-outline-color);outline-offset:0}.rpf-fieldset{all:unset;background-color:var(--rpf-input-background-color);box-sizing:border-box;display:block;color:var(--rpf-input-color);margin-block-end:var(--space-3);max-inline-size:fit-content}.rpf-fieldset--full-width,.rpf-fieldset--full-width .rpf-fieldset__inputs *{max-inline-size:none}.rpf-fieldset__inputs *:last-child{margin-block-end:0}.rpf-fieldset--error .rpf-input-checkbox,.rpf-fieldset--error .rpf-input-radio{--rpf-input-border-colour: var(--rpf-input-color-error)}.rpf-fieldset--error .rpf-input-checkbox input[type=checkbox]:checked,.rpf-fieldset--error .rpf-input-radio input[type=checkbox]:checked{background-color:var(--rpf-input-color-error)}.rpf-fieldset--error .rpf-input-checkbox input[type=radio]:checked,.rpf-fieldset--error .rpf-input-radio input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>')}:root,:host{--color-progress-bar-complete: var(--rpf-navy-800);--color-progress-bar-incomplete: var(--rpf-grey-150);--rpf-progress-bar-background-color: var(--color-progress-bar-incomplete);--rpf-progress-bar-accent-color: var(--color-progress-bar-complete);--rpf-progress-bar-block-size: var(--space-1);--rpf-progress-bar-border-radius: var(--space-1);--rpf-progress-bar-gap: var(--space-3);--rpf-progress-bar-font-size: var(--font-size-1);--rpf-progress-bar-font-weight: var(--font-weight-regular);--rpf-progress-bar-complete-color: var(--rpf-alert-success);--rpf-progress-bar-complete-icon: url('data:image/svg+xml,<svg height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m424-296 282-282-56-56-226 226-114-114-56 56zm56 216q-83 0-156-31.5t-127-85.5q-54-54-85.5-127t-31.5-156q0-83 31.5-156t85.5-127q54-54 127-85.5t156-31.5q83 0 156 31.5t127 85.5q54 54 85.5 127t31.5 156q0 83-31.5 156t-85.5 127q-54 54-127 85.5t-156 31.5z"/></svg>')}.rpf-progress-bar__label{font-size:var(--rpf-progress-bar-font-size);line-height:1.5em;font-weight:var(--rpf-progress-bar-font-weight);align-items:center;display:grid;gap:var(--rpf-progress-bar-gap);grid-template-columns:max-content 1fr}.rpf-progress-bar__bar{background:var(--rpf-progress-bar-background-color);block-size:var(--rpf-progress-bar-block-size);border-radius:var(--rpf-progress-bar-border-radius);inline-size:100%;border:none}.rpf-progress-bar__bar::-webkit-progress-bar{background:var(--rpf-progress-bar-background-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar__bar::-webkit-progress-value{background:var(--rpf-progress-bar-accent-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar__bar::-moz-progress-bar{background:var(--rpf-progress-bar-accent-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar--complete{--rpf-progress-bar-accent-color: var(--rpf-progress-bar-complete-color)}.rpf-progress-bar--complete .rpf-progress-bar__label span{display:flex}.rpf-progress-bar--complete .rpf-progress-bar__label span:before{content:"";display:inline-block;block-size:1.5em;aspect-ratio:1/1;margin-inline-end:var(--space-1);vertical-align:middle;background-color:var(--rpf-progress-bar-complete-color);mask-image:var(--rpf-progress-bar-complete-icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--rpf-progress-bar-complete-icon);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.rpf-input-radio{--rpf-input-radio-hit-target: var(--min-target-size);--rpf-input-radio-size: var(--space-3);--rpf-input-border-colour: var(--rpf-grey-850);align-items:center;border-radius:var(--space-1);box-sizing:border-box;display:flex;gap:var(--space-1-5);max-width:50ch;min-height:var(--rpf-input-radio-hit-target);min-width:240px;padding-block:calc((var(--rpf-input-radio-hit-target) - var(--rpf-input-radio-size)) / 2);width:100%}.rpf-input-radio input[type=radio]{align-self:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--rpf-white);border:var(--space-0-25) solid var(--rpf-input-border-colour);border-radius:var(--rpf-input-radio-size);flex-shrink:0;height:var(--rpf-input-radio-size);margin:0;width:var(--rpf-input-radio-size)}.rpf-input-radio input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(228, 9%, 15%, 1)"/></svg>');background-position:center center;background-repeat:no-repeat}.rpf-input-radio input[type=radio]:disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-radio input[type=radio]:disabled:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(229, 8%, 61%, 1)"/></svg>')}.rpf-input-radio--error input[type=radio]{border-color:var(--rpf-input-color-error)}.rpf-input-radio--error input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>')}.rpf-input-radio.rpf-input--full-width{max-width:none}.rpf-input-radio:has(>input[type=radio]:disabled),.rpf-input-radio--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-input-radio input[type=radio]:focus-visible{outline:3px solid var(--rpf-input-outline-color);outline-offset:0}:root,:host{--rpf-brand-black: hsla(60, 4%, 11%, 1);--rpf-brand-leaf: hsla(123, 43%, 48%, 1);--rpf-brand-raspberry: hsla(342, 71%, 47%, 1);--rpf-raspberry-50: hsla(338, 57%, 97%, 1);--rpf-raspberry-100: hsla(342, 62%, 96%, 1);--rpf-raspberry-200: hsla(344, 73%, 93%, 1);--rpf-raspberry-400: hsla(341, 63%, 84%, 1);--rpf-raspberry-500: hsla(343, 62%, 68%, 1);--rpf-raspberry-600: hsla(343, 64%, 58%, 1);--rpf-raspberry-800: hsla(342, 71%, 47%, 1);--rpf-raspberry-900: hsla(340, 78%, 36%, 1)}:root,:host{--min-target-size: 44px;--sm-target-size: 32px;--lg-target-size: 48px}.rpf-button{--rpf-button-background-color: var(--rpf-navy-800);--rpf-button-background-color-hover: var(--rpf-navy-900);--rpf-button-background-color-active: var(--rpf-navy-600);--rpf-button-background-color-disabled: var(--rpf-grey-600);--rpf-button-text-color: var(--rpf-white);--rpf-button-border-color: var(--rpf-button-background-color);--rpf-button-border-color-hover: var(--rpf-button-background-color-hover);--rpf-button-border-color-active: var(--rpf-button-background-color-active);--rpf-button-border-color-disabled: var(--rpf-button-background-color-disabled);--rpf-button-danger-background-color: var(--rpf-alert-error);--rpf-button-danger-background-color-hover: var(--rpf-alert-error);--rpf-button-danger-background-color-active: var(--rpf-red-900);--rpf-button-danger-background-color-disabled: var(--rpf-grey-600);--rpf-button-danger-text-color: var(--rpf-white);--rpf-button-danger-border-color: var(--rpf-button-danger-background-color);--rpf-button-danger-border-color-hover: var(--rpf-button-danger-background-color-hover);--rpf-button-danger-border-color-active: var(--rpf-button-danger-background-color-active);--rpf-button-danger-border-color-disabled: var(--rpf-button-danger-background-color-disabled);--rpf-button-border-radius: var(--border-radius);--rpf-button-border-width: var(--border-width-md);--rpf-button-lg-height: var(--lg-target-size);--rpf-button-sm-height: var(--sm-target-size);--rpf-button-min-target-size: var(--min-target-size);all:unset;align-items:center;box-sizing:border-box;color:var(--rpf-button-text-color);cursor:pointer;display:flex;font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);gap:var(--space-1);min-block-size:var(--rpf-button-lg-height);padding:var(--space-1) var(--space-2);position:relative;text-align:center;text-decoration:none;transform:scale(1);inline-size:fit-content}.rpf-button:before{background-color:var(--rpf-button-background-color);border-color:var(--rpf-button-border-color);border-radius:var(--rpf-button-border-radius);border-style:solid;border-width:var(--rpf-button-border-width);content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.rpf-button:hover:before{background-color:var(--rpf-button-background-color-hover);border-color:var(--rpf-button-border-color-hover)}.rpf-button:active:before{background-color:var(--rpf-button-background-color-active);border-color:var(--rpf-button-border-color-active)}.rpf-button:focus-visible:before{outline:var(--border-width-md) solid var(--rpf-button-background-color);outline-offset:3px}.rpf-button:disabled,.rpf-button--disabled{cursor:default}.rpf-button:disabled:before,.rpf-button:disabled:hover:before,.rpf-button--disabled:before,.rpf-button--disabled:hover:before{border-color:var(--rpf-button-border-color-disabled);background-color:var(--rpf-button-background-color-disabled)}.rpf-button--secondary{color:var(--rpf-button-background-color)}.rpf-button--secondary:before{background-color:var(--rpf-button-text-color)}.rpf-button--secondary:hover{color:var(--rpf-button-background-color-hover)}.rpf-button--secondary:hover:before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-hover)}.rpf-button--secondary:active{color:var(--rpf-button-background-color-active)}.rpf-button--secondary:active:before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-active)}.rpf-button--secondary:disabled,.rpf-button--secondary.rpf-button--disabled{color:var(--rpf-button-background-color-disabled)}.rpf-button--secondary:disabled:hover:before,.rpf-button--secondary:disabled:before,.rpf-button--secondary.rpf-button--disabled:hover:before,.rpf-button--secondary.rpf-button--disabled:before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-disabled)}.rpf-button--secondary.rpf-button--danger{color:var(--rpf-button-danger-background-color)}.rpf-button--secondary.rpf-button--danger:before{background-color:var(--rpf-button-danger-text-color)}.rpf-button--secondary.rpf-button--danger:hover{color:var(--rpf-button-danger-background-color-hover)}.rpf-button--secondary.rpf-button--danger:hover:before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-hover)}.rpf-button--secondary.rpf-button--danger:active{color:var(--rpf-button-danger-background-color-active)}.rpf-button--secondary.rpf-button--danger:active:before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-active)}.rpf-button--secondary.rpf-button--danger:disabled,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled{color:var(--rpf-button-danger-background-color-disabled)}.rpf-button--secondary.rpf-button--danger:disabled:hover:before,.rpf-button--secondary.rpf-button--danger:disabled:before,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled:hover:before,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled:before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-disabled)}.rpf-button--tertiary{color:var(--rpf-button-background-color)}.rpf-button--tertiary:before{background-color:transparent;border-color:transparent}.rpf-button--tertiary:hover{color:var(--rpf-button-background-color-hover)}.rpf-button--tertiary:hover:before{background-color:transparent;border-color:transparent}.rpf-button--tertiary:active{color:var(--rpf-button-background-color-active)}.rpf-button--tertiary:active:before{background-color:transparent}.rpf-button--tertiary:disabled,.rpf-button--tertiary.rpf-button--disabled{color:var(--rpf-button-background-color-disabled)}.rpf-button--tertiary:disabled:before,.rpf-button--tertiary:disabled:hover:before,.rpf-button--tertiary.rpf-button--disabled:before,.rpf-button--tertiary.rpf-button--disabled:hover:before{background-color:transparent;border-color:transparent}.rpf-button--tertiary.rpf-button--danger{color:var(--rpf-button-danger-background-color)}.rpf-button--tertiary.rpf-button--danger:before{background-color:transparent;border-color:transparent}.rpf-button--tertiary.rpf-button--danger:hover{color:var(--rpf-button-danger-background-color-hover)}.rpf-button--tertiary.rpf-button--danger:hover:before{background-color:transparent;border-color:transparent}.rpf-button--tertiary.rpf-button--danger:active{color:var(--rpf-button-danger-background-color-active)}.rpf-button--tertiary.rpf-button--danger:active:before{background-color:transparent}.rpf-button--tertiary.rpf-button--danger:disabled,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled{color:var(--rpf-button-danger-background-color-disabled)}.rpf-button--tertiary.rpf-button--danger:disabled:before,.rpf-button--tertiary.rpf-button--danger:disabled:hover:before,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled:before,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled:hover:before{background-color:transparent;border-color:transparent}.rpf-button--danger{color:var(--rpf-button-danger-text-color)}.rpf-button--danger:before{background-color:var(--rpf-button-danger-background-color);border-color:var(--rpf-button-danger-border-color)}.rpf-button--danger:hover:before{background-color:var(--rpf-button-danger-background-color-hover);border-color:var(--rpf-button-danger-border-color-hover)}.rpf-button--danger:active:before{background-color:var(--rpf-button-danger-background-color-active);border-color:var(--rpf-button-danger-border-color-active)}.rpf-button--danger:focus-visible:before{outline:var(--border-width-md) solid var(--rpf-button-danger-background-color)}.rpf-button--icon-only{block-size:var(--rpf-button-lg-height);line-height:var(--rpf-button-lg-height);padding:0;text-align:center;inline-size:var(--rpf-button-lg-height)}.rpf-button--icon-only .rpf-button__icon{margin:0 auto}.rpf-button--sm{font-size:var(--font-size-1);min-block-size:var(--rpf-button-min-target-size);padding:var(--space-1) var(--space-1)}.rpf-button--sm:before{inset:calc((var(--rpf-button-min-target-size) - var(--rpf-button-sm-height)) / 2) 0}.rpf-button--sm.rpf-button--icon-only{block-size:var(--rpf-button-min-target-size);line-height:var(--rpf-button-min-target-size);padding:0;inline-size:var(--rpf-button-min-target-size)}.rpf-button--sm.rpf-button--icon-only:before{inset:calc((var(--rpf-button-min-target-size) - var(--rpf-button-sm-height)) / 2)}.rpf-button--sm .material-symbols-sharp{font-size:20px;font-variation-settings:"OPSZ" 20}.rpf-button--full-width{justify-content:center;inline-size:100%}.rpf-input-search-container{display:flex;max-width:50ch;min-width:240px;width:100%}.rpf-input-search-container input[type=search]::-webkit-search-decoration,.rpf-input-search-container input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.rpf-input-search-container .rpf-input-search{border-end-end-radius:0;border-inline-end:0;border-start-end-radius:0}.rpf-input-search-container .rpf-button{flex-shrink:0;border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0;box-sizing:border-box;justify-content:center;max-width:var(--space-6)}.rpf-input-search-container .rpf-button:before{border:var(--input-border-width) solid var(--rpf-input-color);border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0}.rpf-input-search-container .rpf-button:disabled .rpf-button__icon,.rpf-input-search-container .rpf-button--disabled .rpf-button__icon{color:var(--rpf-input-color)}.rpf-input-search-container .rpf-button:disabled:before,.rpf-input-search-container .rpf-button--disabled:before{background-color:var(--rpf-input-background-color-disabled);border-color:var(--rpf-input-background-color-disabled)}.rpf-input-search-container .rpf-button--error:before{border-color:var(--rpf-alert-error)}.rpf-input-search-container .rpf-input-search:focus-visible,.rpf-input-search-container .rpf-button:focus-visible{outline:3px solid var(--rpf-input-outline-color);z-index:1}.rpf-input-search-container .rpf-input-search:focus-visible:before,.rpf-input-search-container .rpf-button:focus-visible:before{outline:0}.rpf-input.rpf-input-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'><path fill='%23212121' d='m12 15.375-6-6 1.4-1.4 4.6 4.6 4.6-4.6 1.4 1.4-6 6Z'/></svg>");background-repeat:no-repeat;background-position:center right var(--space-1-5)}html[dir=rtl] .rpf-input.rpf-input-select{background-position:center left var(--space-1-5)}.rpf-input.rpf-input-select:disabled,.rpf-input.rpf-input-select--disabled{background-image:none}.rpf-table{border:1px solid var(--rpf-grey-100);border-radius:var(--border-radius);overflow:auto;top:0;width:fit-content}.rpf-table--full-width{width:100%}.rpf-table__table{border-collapse:collapse;width:max-content}.rpf-table__table--full-width{width:100%}.rpf-table__table thead th,.rpf-table__table thead td{position:sticky;top:0;z-index:1}.rpf-table-cell{border-bottom:var(--table-border-width) solid var(--rpf-grey-100)}.rpf-table-cell>*{align-items:center;box-sizing:border-box;display:flex;gap:var(--space-1);line-height:var(--line-height-1-5);padding-block:var(--space-1);padding-inline:var(--space-2)}.rpf-table-cell--header,.rpf-table-cell--sortable-header{background-color:var(--rpf-grey-50)}.rpf-table-cell--header>*,.rpf-table-cell--sortable-header>*{min-height:var(--space-7);min-width:var(--space-7)}.rpf-table-cell--sortable-header .rpf-table-cell__sort-header{display:flex;width:100%;gap:var(--space-1);min-height:var(--min-target-size);align-items:center;border-radius:var(--border-radius)}.rpf-table-cell--sortable-header .rpf-table-cell__sort-header:focus-visible{outline:2px solid var(--rpf-raspberry-800);outline-offset:3px}.rpf-table-cell--sortable-header button{all:unset;cursor:pointer}.rpf-table-cell--sortable-header a{color:inherit;text-decoration:none}.rpf-table-cell--body{background-color:var(--rpf-white)}.rpf-table-cell--body .rpf-table-cell__content{min-height:var(--space-8);min-width:var(--space-8)}.rpf-table-cell--body .rpf-table-cell__content>*{margin-block:auto}.rpf-table-cell--body .rpf-table-cell__content a{color:var(--rpf-brand-500);font-weight:var(--font-weight-bold)}.rpf-table-cell--body .rpf-table-cell__content:has(>.rpf-button){justify-content:end;padding:var(--space-1)}.rpf-table-cell--body .rpf-table-cell__content--truncated{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpf-tag{--tag-color: var(--rpf-text-primary);--tag-color-secondary: color-mix(in srgb, var(--tag-color), white 95%);--tag-text-color: var(--rpf-white);--tag-text-color-secondary: var(--tag-color);align-items:center;border:solid 1px var(--tag-color);background-color:var(--tag-color);border-radius:2rem;color:var(--tag-text-color);display:flex;font-weight:var(--font-weight-bold);gap:var(--space-0-5);line-height:1.5rem;padding:var(--space-0-5) var(--space-1);inline-size:max-content}.rpf-tag--information{background-color:var(--rpf-alert-information);border-color:var(--rpf-alert-information)}.rpf-tag--success{background-color:var(--rpf-alert-success);border-color:var(--rpf-alert-success)}.rpf-tag--warning{background-color:var(--rpf-alert-warning);border-color:var(--rpf-alert-warning)}.rpf-tag--error{background-color:var(--rpf-alert-error);border-color:var(--rpf-alert-error)}.rpf-tag--secondary{background-color:var(--tag-color-secondary);color:var(--tag-text-color-secondary)}.rpf-tag--secondary.rpf-tag--information{border-color:var(--rpf-alert-information);color:var(--rpf-alert-information)}.rpf-tag--secondary.rpf-tag--success{border-color:var(--rpf-alert-success);color:var(--rpf-alert-success)}.rpf-tag--secondary.rpf-tag--warning{border-color:var(--rpf-alert-warning);color:var(--rpf-alert-warning)}.rpf-tag--secondary.rpf-tag--error{border-color:var(--rpf-alert-error);color:var(--rpf-alert-error)}.rpf-input.rpf-input-textarea{resize:vertical;min-height:120px;height:auto;max-height:240px;overflow:auto;white-space:pre-wrap}.rpf-input.rpf-input-textarea:read-only,.rpf-input.rpf-input-textarea--read-only,.rpf-input.rpf-input-textarea--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}:root,:host{--border-radius: var(--space-1);--border-radius-sm: var(--space-0-5);--border-width-sm: 1px;--border-width-md: 2px;--border-width-lg: 3px;--alert-border-width: var(--border-width-md);--fieldset-border-width: var(--border-width-md);--input-border-width: var(--border-width-md);--table-border-width: var(--border-width-sm)}:root,:host{--rpf-alert-error-highlight: hsla(0, 88%, 99%, 1);--rpf-alert-error: hsla(0, 88%, 33%, 1);--rpf-alert-information-highlight: hsla(225, 64%, 99%, 1);--rpf-alert-information: hsla(225, 64%, 33%, 1);--rpf-alert-success-highlight: hsla(136, 90%, 99%, 1);--rpf-alert-success: hsla(136, 90%, 20%, 1);--rpf-alert-warning-highlight: hsla(26, 70%, 99%, 1);--rpf-alert-warning: hsla(26, 70%, 29%, 1)}:root,:host{--rpf-white: hsla(0, 0%, 100%, 1);--rpf-off-white: hsla(225, 25%, 97%, 1);--rpf-grey-50: hsla(210, 8%, 95%, 1);--rpf-grey-100: hsla(228, 10%, 90%, 1);--rpf-grey-150: hsla(223, 9%, 85%, 1);--rpf-grey-200: hsla(228, 10%, 80%, 1);--rpf-grey-300: hsla(229, 9%, 75%, 1);--rpf-grey-400: hsla(229, 8%, 61%, 1);--rpf-grey-500: hsla(229, 9%, 42%, 1);--rpf-grey-600: hsla(228, 9%, 32%, 1);--rpf-grey-700: hsla(228, 9%, 22%, 1);--rpf-grey-800: hsla(232, 9%, 18%, 1);--rpf-grey-850: hsla(228, 9%, 15%, 1);--rpf-grey-900: hsla(228, 9%, 10%, 1);--rpf-grey-950: hsla(228, 8%, 5%, 1);--rpf-black: hsla(0, 0%, 0%, 1)}:root,:host{--rpf-red-100: hsla(4, 89%, 96%, 1);--rpf-red-200: hsla(1, 87%, 91%, 1);--rpf-red-400: hsla(1, 87%, 82%, 1);--rpf-red-600: hsla(1, 87%, 72%, 1);--rpf-red-800: hsla(1, 87%, 63%, 1);--rpf-red-900: hsla(1, 52%, 50%, 1);--rpf-green-100: hsla(125, 41%, 95%, 1);--rpf-green-200: hsla(122, 39%, 87%, 1);--rpf-green-400: hsla(123, 40%, 74%, 1);--rpf-green-600: hsla(123, 40%, 61%, 1);--rpf-green-800: hsla(123, 43%, 48%, 1);--rpf-green-900: hsla(123, 43%, 34%, 1);--rpf-teal-100: hsla(176, 55%, 94%, 1);--rpf-teal-200: hsla(174, 55%, 85%, 1);--rpf-teal-400: hsla(174, 55%, 70%, 1);--rpf-teal-600: hsla(174, 56%, 56%, 1);--rpf-teal-800: hsla(174, 81%, 41%, 1);--rpf-teal-900: hsla(174, 81%, 27%, 1);--rpf-teal-950: hsla(174, 80%, 20%, 1);--rpf-orange-100: hsla(31, 100%, 95%, 1);--rpf-orange-200: hsla(32, 100%, 88%, 1);--rpf-orange-400: hsla(31, 100%, 77%, 1);--rpf-orange-600: hsla(31, 99%, 65%, 1);--rpf-orange-800: hsla(31, 99%, 54%, 1);--rpf-orange-900: hsla(31, 85%, 35%, 1);--rpf-yellow-100: hsla(51, 100%, 95%, 1);--rpf-yellow-200: hsla(52, 100%, 87%, 1);--rpf-yellow-400: hsla(51, 100%, 75%, 1);--rpf-yellow-600: hsla(52, 100%, 63%, 1);--rpf-yellow-800: hsla(52, 100%, 50%, 1);--rpf-yellow-900: hsla(52, 100%, 26%, 1);--rpf-purple-100: hsla(282, 36%, 95%, 1);--rpf-purple-200: hsla(279, 38%, 87%, 1);--rpf-purple-400: hsla(279, 38%, 73%, 1);--rpf-purple-600: hsla(279, 37%, 60%, 1);--rpf-purple-800: hsla(279, 43%, 47%, 1);--rpf-purple-900: hsla(280, 43%, 37%, 1);--rpf-navy-100: hsla(235, 38%, 94%, 1);--rpf-navy-200: hsla(234, 38%, 84%, 1);--rpf-navy-400: hsla(235, 38%, 69%, 1);--rpf-navy-600: hsla(235, 38%, 53%, 1);--rpf-navy-800: hsla(235, 63%, 37%, 1);--rpf-navy-900: hsla(234, 63%, 30%, 1);--rpf-blue-100: hsla(203, 86%, 95%, 1);--rpf-blue-200: hsla(204, 88%, 87%, 1);--rpf-blue-400: hsla(204, 88%, 74%, 1);--rpf-blue-600: hsla(204, 89%, 60%, 1);--rpf-blue-800: hsla(204, 100%, 47%, 1);--rpf-blue-900: hsla(204, 99%, 37%, 1)}:root,:host{--rpf-text-primary: hsla(0, 0%, 13%, 1);--rpf-text-primary-darkmode: var(--rpf-white);--rpf-text-secondary: hsla(200, 9%, 33%, 1);--rpf-text-secondary-darkmode: hsla(0, 0%, 80%, 1);--rpf-link-text: var(--rpf-navy-800)}:root,:host{--rpf-input-background-color: var(--rpf-white);--rpf-input-background-color-disabled: var(--rpf-grey-50);--rpf-input-background-color-readonly: var(--rpf-grey-50);--rpf-input-color-error: var(--rpf-alert-error);--rpf-input-color: var(--rpf-text-primary);--rpf-input-outline-color: var(--rpf-blue-800)}:root,:host{--font-size-0-5: .5rem;--font-size-0-75: .75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--space-0-125: .0625rem;--space-0-25: .125rem;--space-0-5: .25rem;--space-1: .5rem;--space-1-5: .75rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 3.5rem;--space-8: 4rem;--space-9: 4.5rem;--space-10: 5rem}.rpf-input-field{margin-block-end:var(--space-3)}.rpf-input{all:unset;background-color:var(--rpf-input-background-color);border:var(--input-border-width) solid var(--rpf-input-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--rpf-input-color);display:flex;font-size:var(--font-size-1);line-height:var(--line-height-2);padding-block:calc(var(--space-1) - 2px);padding-inline:var(--space-1-5);max-width:50ch;min-width:240px;width:100%}.rpf-input:disabled,.rpf-input--disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input:focus-visible{outline:3px solid var(--rpf-input-outline-color)}.rpf-input--error{border-color:var(--rpf-input-color-error)}.rpf-input--full-width{max-width:none}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: .75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}:root,:host{--rpf-label-hint-color: var(--rpf-text-secondary);--rpf-label-text-color: var(--rpf-text-primary);--rpf-label-text-color-disabled: var(--rpf-grey-500)}.rpf-label{all:unset;color:var(--rpf-label-text-color);display:flex;flex-direction:column;font-weight:var(--font-weight-bold);padding-block-end:var(--space-1);font-size:var(--font-size-1);line-height:var(--line-height-1-5)}.rpf-label__hint{color:var(--rpf-label-hint-color);font-size:var(--font-size-1);font-weight:var(--font-weight-regular)}.rpf-label--disabled,.rpf-label--disabled .rpf-label__hint{color:var(--rpf-label-text-color-disabled)}:root,:host{--rpf-message-text-color: var(--rpf-alert-error)}.rpf-error-message{all:unset;align-items:center;color:var(--rpf-message-text-color);display:flex;font-weight:var(--font-weight-bold);max-width:50ch;padding-block:var(--space-1)}.rpf-error-message__icon{margin-inline-end:var(--space-1)}
|
|
@@ -15,9 +15,9 @@ function je() {
|
|
|
15
15
|
(function() {
|
|
16
16
|
var s = {}.hasOwnProperty;
|
|
17
17
|
function o() {
|
|
18
|
-
for (var n = "",
|
|
19
|
-
var
|
|
20
|
-
|
|
18
|
+
for (var n = "", p = 0; p < arguments.length; p++) {
|
|
19
|
+
var u = arguments[p];
|
|
20
|
+
u && (n = i(n, a(u)));
|
|
21
21
|
}
|
|
22
22
|
return n;
|
|
23
23
|
}
|
|
@@ -30,21 +30,21 @@ function je() {
|
|
|
30
30
|
return o.apply(null, n);
|
|
31
31
|
if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
|
|
32
32
|
return n.toString();
|
|
33
|
-
var
|
|
34
|
-
for (var
|
|
35
|
-
s.call(n,
|
|
36
|
-
return
|
|
33
|
+
var p = "";
|
|
34
|
+
for (var u in n)
|
|
35
|
+
s.call(n, u) && n[u] && (p = i(p, u));
|
|
36
|
+
return p;
|
|
37
37
|
}
|
|
38
|
-
function i(n,
|
|
39
|
-
return
|
|
38
|
+
function i(n, p) {
|
|
39
|
+
return p ? n ? n + " " + p : n + p : n;
|
|
40
40
|
}
|
|
41
41
|
r.exports ? (o.default = o, r.exports = o) : window.classNames = o;
|
|
42
42
|
})();
|
|
43
43
|
}(se)), se.exports;
|
|
44
44
|
}
|
|
45
45
|
var qe = je();
|
|
46
|
-
const
|
|
47
|
-
var X = { exports: {} }, G = { exports: {} },
|
|
46
|
+
const M = /* @__PURE__ */ Pe(qe);
|
|
47
|
+
var X = { exports: {} }, G = { exports: {} }, x = {};
|
|
48
48
|
/** @license React v16.13.1
|
|
49
49
|
* react-is.production.min.js
|
|
50
50
|
*
|
|
@@ -55,9 +55,9 @@ var X = { exports: {} }, G = { exports: {} }, C = {};
|
|
|
55
55
|
*/
|
|
56
56
|
var ve;
|
|
57
57
|
function Ie() {
|
|
58
|
-
if (ve) return
|
|
58
|
+
if (ve) return x;
|
|
59
59
|
ve = 1;
|
|
60
|
-
var r = typeof Symbol == "function" && Symbol.for, s = r ? Symbol.for("react.element") : 60103, o = r ? Symbol.for("react.portal") : 60106, a = r ? Symbol.for("react.fragment") : 60107, i = r ? Symbol.for("react.strict_mode") : 60108, n = r ? Symbol.for("react.profiler") : 60114,
|
|
60
|
+
var r = typeof Symbol == "function" && Symbol.for, s = r ? Symbol.for("react.element") : 60103, o = r ? Symbol.for("react.portal") : 60106, a = r ? Symbol.for("react.fragment") : 60107, i = r ? Symbol.for("react.strict_mode") : 60108, n = r ? Symbol.for("react.profiler") : 60114, p = r ? Symbol.for("react.provider") : 60109, u = r ? Symbol.for("react.context") : 60110, v = r ? Symbol.for("react.async_mode") : 60111, _ = r ? Symbol.for("react.concurrent_mode") : 60111, g = r ? Symbol.for("react.forward_ref") : 60112, E = r ? Symbol.for("react.suspense") : 60113, A = r ? Symbol.for("react.suspense_list") : 60120, j = r ? Symbol.for("react.memo") : 60115, k = r ? Symbol.for("react.lazy") : 60116, N = r ? Symbol.for("react.block") : 60121, I = r ? Symbol.for("react.fundamental") : 60117, Y = r ? Symbol.for("react.responder") : 60118, L = r ? Symbol.for("react.scope") : 60119;
|
|
61
61
|
function $(l) {
|
|
62
62
|
if (typeof l == "object" && l !== null) {
|
|
63
63
|
var z = l.$$typeof;
|
|
@@ -73,11 +73,11 @@ function Ie() {
|
|
|
73
73
|
return l;
|
|
74
74
|
default:
|
|
75
75
|
switch (l = l && l.$$typeof, l) {
|
|
76
|
-
case
|
|
76
|
+
case u:
|
|
77
77
|
case g:
|
|
78
|
-
case
|
|
78
|
+
case k:
|
|
79
79
|
case j:
|
|
80
|
-
case
|
|
80
|
+
case p:
|
|
81
81
|
return l;
|
|
82
82
|
default:
|
|
83
83
|
return z;
|
|
@@ -91,35 +91,35 @@ function Ie() {
|
|
|
91
91
|
function q(l) {
|
|
92
92
|
return $(l) === _;
|
|
93
93
|
}
|
|
94
|
-
return
|
|
94
|
+
return x.AsyncMode = v, x.ConcurrentMode = _, x.ContextConsumer = u, x.ContextProvider = p, x.Element = s, x.ForwardRef = g, x.Fragment = a, x.Lazy = k, x.Memo = j, x.Portal = o, x.Profiler = n, x.StrictMode = i, x.Suspense = E, x.isAsyncMode = function(l) {
|
|
95
95
|
return q(l) || $(l) === v;
|
|
96
|
-
},
|
|
97
|
-
return $(l) === p;
|
|
98
|
-
}, C.isContextProvider = function(l) {
|
|
96
|
+
}, x.isConcurrentMode = q, x.isContextConsumer = function(l) {
|
|
99
97
|
return $(l) === u;
|
|
100
|
-
},
|
|
98
|
+
}, x.isContextProvider = function(l) {
|
|
99
|
+
return $(l) === p;
|
|
100
|
+
}, x.isElement = function(l) {
|
|
101
101
|
return typeof l == "object" && l !== null && l.$$typeof === s;
|
|
102
|
-
},
|
|
102
|
+
}, x.isForwardRef = function(l) {
|
|
103
103
|
return $(l) === g;
|
|
104
|
-
},
|
|
104
|
+
}, x.isFragment = function(l) {
|
|
105
105
|
return $(l) === a;
|
|
106
|
-
},
|
|
107
|
-
return $(l) ===
|
|
108
|
-
},
|
|
106
|
+
}, x.isLazy = function(l) {
|
|
107
|
+
return $(l) === k;
|
|
108
|
+
}, x.isMemo = function(l) {
|
|
109
109
|
return $(l) === j;
|
|
110
|
-
},
|
|
110
|
+
}, x.isPortal = function(l) {
|
|
111
111
|
return $(l) === o;
|
|
112
|
-
},
|
|
112
|
+
}, x.isProfiler = function(l) {
|
|
113
113
|
return $(l) === n;
|
|
114
|
-
},
|
|
114
|
+
}, x.isStrictMode = function(l) {
|
|
115
115
|
return $(l) === i;
|
|
116
|
-
},
|
|
116
|
+
}, x.isSuspense = function(l) {
|
|
117
117
|
return $(l) === E;
|
|
118
|
-
},
|
|
119
|
-
return typeof l == "string" || typeof l == "function" || l === a || l === _ || l === n || l === i || l === E || l === A || typeof l == "object" && l !== null && (l.$$typeof ===
|
|
120
|
-
},
|
|
118
|
+
}, x.isValidElementType = function(l) {
|
|
119
|
+
return typeof l == "string" || typeof l == "function" || l === a || l === _ || l === n || l === i || l === E || l === A || typeof l == "object" && l !== null && (l.$$typeof === k || l.$$typeof === j || l.$$typeof === p || l.$$typeof === u || l.$$typeof === g || l.$$typeof === I || l.$$typeof === Y || l.$$typeof === L || l.$$typeof === N);
|
|
120
|
+
}, x.typeOf = $, x;
|
|
121
121
|
}
|
|
122
|
-
var
|
|
122
|
+
var C = {};
|
|
123
123
|
/** @license React v16.13.1
|
|
124
124
|
* react-is.development.js
|
|
125
125
|
*
|
|
@@ -131,10 +131,10 @@ var x = {};
|
|
|
131
131
|
var ge;
|
|
132
132
|
function $e() {
|
|
133
133
|
return ge || (ge = 1, process.env.NODE_ENV !== "production" && function() {
|
|
134
|
-
var r = typeof Symbol == "function" && Symbol.for, s = r ? Symbol.for("react.element") : 60103, o = r ? Symbol.for("react.portal") : 60106, a = r ? Symbol.for("react.fragment") : 60107, i = r ? Symbol.for("react.strict_mode") : 60108, n = r ? Symbol.for("react.profiler") : 60114,
|
|
134
|
+
var r = typeof Symbol == "function" && Symbol.for, s = r ? Symbol.for("react.element") : 60103, o = r ? Symbol.for("react.portal") : 60106, a = r ? Symbol.for("react.fragment") : 60107, i = r ? Symbol.for("react.strict_mode") : 60108, n = r ? Symbol.for("react.profiler") : 60114, p = r ? Symbol.for("react.provider") : 60109, u = r ? Symbol.for("react.context") : 60110, v = r ? Symbol.for("react.async_mode") : 60111, _ = r ? Symbol.for("react.concurrent_mode") : 60111, g = r ? Symbol.for("react.forward_ref") : 60112, E = r ? Symbol.for("react.suspense") : 60113, A = r ? Symbol.for("react.suspense_list") : 60120, j = r ? Symbol.for("react.memo") : 60115, k = r ? Symbol.for("react.lazy") : 60116, N = r ? Symbol.for("react.block") : 60121, I = r ? Symbol.for("react.fundamental") : 60117, Y = r ? Symbol.for("react.responder") : 60118, L = r ? Symbol.for("react.scope") : 60119;
|
|
135
135
|
function $(c) {
|
|
136
136
|
return typeof c == "string" || typeof c == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
137
|
-
c === a || c === _ || c === n || c === i || c === E || c === A || typeof c == "object" && c !== null && (c.$$typeof ===
|
|
137
|
+
c === a || c === _ || c === n || c === i || c === E || c === A || typeof c == "object" && c !== null && (c.$$typeof === k || c.$$typeof === j || c.$$typeof === p || c.$$typeof === u || c.$$typeof === g || c.$$typeof === I || c.$$typeof === Y || c.$$typeof === L || c.$$typeof === N);
|
|
138
138
|
}
|
|
139
139
|
function q(c) {
|
|
140
140
|
if (typeof c == "object" && c !== null) {
|
|
@@ -153,11 +153,11 @@ function $e() {
|
|
|
153
153
|
default:
|
|
154
154
|
var he = J && J.$$typeof;
|
|
155
155
|
switch (he) {
|
|
156
|
-
case
|
|
156
|
+
case u:
|
|
157
157
|
case g:
|
|
158
|
-
case
|
|
158
|
+
case k:
|
|
159
159
|
case j:
|
|
160
|
-
case
|
|
160
|
+
case p:
|
|
161
161
|
return he;
|
|
162
162
|
default:
|
|
163
163
|
return F;
|
|
@@ -168,7 +168,7 @@ function $e() {
|
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
170
|
}
|
|
171
|
-
var l = v, z = _, Z =
|
|
171
|
+
var l = v, z = _, Z = u, Q = p, ee = s, re = g, V = a, te = k, ne = j, B = o, ae = n, D = i, U = E, H = !1;
|
|
172
172
|
function ie(c) {
|
|
173
173
|
return H || (H = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), t(c) || q(c) === v;
|
|
174
174
|
}
|
|
@@ -176,10 +176,10 @@ function $e() {
|
|
|
176
176
|
return q(c) === _;
|
|
177
177
|
}
|
|
178
178
|
function f(c) {
|
|
179
|
-
return q(c) ===
|
|
179
|
+
return q(c) === u;
|
|
180
180
|
}
|
|
181
181
|
function T(c) {
|
|
182
|
-
return q(c) ===
|
|
182
|
+
return q(c) === p;
|
|
183
183
|
}
|
|
184
184
|
function h(c) {
|
|
185
185
|
return typeof c == "object" && c !== null && c.$$typeof === s;
|
|
@@ -191,7 +191,7 @@ function $e() {
|
|
|
191
191
|
return q(c) === a;
|
|
192
192
|
}
|
|
193
193
|
function b(c) {
|
|
194
|
-
return q(c) ===
|
|
194
|
+
return q(c) === k;
|
|
195
195
|
}
|
|
196
196
|
function m(c) {
|
|
197
197
|
return q(c) === j;
|
|
@@ -208,8 +208,8 @@ function $e() {
|
|
|
208
208
|
function W(c) {
|
|
209
209
|
return q(c) === E;
|
|
210
210
|
}
|
|
211
|
-
|
|
212
|
-
}()),
|
|
211
|
+
C.AsyncMode = l, C.ConcurrentMode = z, C.ContextConsumer = Z, C.ContextProvider = Q, C.Element = ee, C.ForwardRef = re, C.Fragment = V, C.Lazy = te, C.Memo = ne, C.Portal = B, C.Profiler = ae, C.StrictMode = D, C.Suspense = U, C.isAsyncMode = ie, C.isConcurrentMode = t, C.isContextConsumer = f, C.isContextProvider = T, C.isElement = h, C.isForwardRef = y, C.isFragment = R, C.isLazy = b, C.isMemo = m, C.isPortal = O, C.isProfiler = P, C.isStrictMode = S, C.isSuspense = W, C.isValidElementType = $, C.typeOf = q;
|
|
212
|
+
}()), C;
|
|
213
213
|
}
|
|
214
214
|
var Te;
|
|
215
215
|
function we() {
|
|
@@ -221,7 +221,7 @@ object-assign
|
|
|
221
221
|
@license MIT
|
|
222
222
|
*/
|
|
223
223
|
var oe, _e;
|
|
224
|
-
function
|
|
224
|
+
function Me() {
|
|
225
225
|
if (_e) return oe;
|
|
226
226
|
_e = 1;
|
|
227
227
|
var r = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, o = Object.prototype.propertyIsEnumerable;
|
|
@@ -237,10 +237,10 @@ function ke() {
|
|
|
237
237
|
var n = new String("abc");
|
|
238
238
|
if (n[5] = "de", Object.getOwnPropertyNames(n)[0] === "5")
|
|
239
239
|
return !1;
|
|
240
|
-
for (var
|
|
241
|
-
|
|
242
|
-
var v = Object.getOwnPropertyNames(
|
|
243
|
-
return
|
|
240
|
+
for (var p = {}, u = 0; u < 10; u++)
|
|
241
|
+
p["_" + String.fromCharCode(u)] = u;
|
|
242
|
+
var v = Object.getOwnPropertyNames(p).map(function(g) {
|
|
243
|
+
return p[g];
|
|
244
244
|
});
|
|
245
245
|
if (v.join("") !== "0123456789")
|
|
246
246
|
return !1;
|
|
@@ -252,15 +252,15 @@ function ke() {
|
|
|
252
252
|
return !1;
|
|
253
253
|
}
|
|
254
254
|
}
|
|
255
|
-
return oe = i() ? Object.assign : function(n,
|
|
256
|
-
for (var
|
|
257
|
-
|
|
258
|
-
for (var E in
|
|
259
|
-
s.call(
|
|
255
|
+
return oe = i() ? Object.assign : function(n, p) {
|
|
256
|
+
for (var u, v = a(n), _, g = 1; g < arguments.length; g++) {
|
|
257
|
+
u = Object(arguments[g]);
|
|
258
|
+
for (var E in u)
|
|
259
|
+
s.call(u, E) && (v[E] = u[E]);
|
|
260
260
|
if (r) {
|
|
261
|
-
_ = r(
|
|
261
|
+
_ = r(u);
|
|
262
262
|
for (var A = 0; A < _.length; A++)
|
|
263
|
-
o.call(
|
|
263
|
+
o.call(u, _[A]) && (v[_[A]] = u[_[A]]);
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
266
|
return v;
|
|
@@ -278,7 +278,7 @@ function Ne() {
|
|
|
278
278
|
return Re || (Re = 1, ce = Function.call.bind(Object.prototype.hasOwnProperty)), ce;
|
|
279
279
|
}
|
|
280
280
|
var fe, Oe;
|
|
281
|
-
function
|
|
281
|
+
function ke() {
|
|
282
282
|
if (Oe) return fe;
|
|
283
283
|
Oe = 1;
|
|
284
284
|
var r = function() {
|
|
@@ -286,15 +286,15 @@ function Me() {
|
|
|
286
286
|
if (process.env.NODE_ENV !== "production") {
|
|
287
287
|
var s = /* @__PURE__ */ be(), o = {}, a = /* @__PURE__ */ Ne();
|
|
288
288
|
r = function(n) {
|
|
289
|
-
var
|
|
290
|
-
typeof console < "u" && console.error(
|
|
289
|
+
var p = "Warning: " + n;
|
|
290
|
+
typeof console < "u" && console.error(p);
|
|
291
291
|
try {
|
|
292
|
-
throw new Error(
|
|
292
|
+
throw new Error(p);
|
|
293
293
|
} catch {
|
|
294
294
|
}
|
|
295
295
|
};
|
|
296
296
|
}
|
|
297
|
-
function i(n,
|
|
297
|
+
function i(n, p, u, v, _) {
|
|
298
298
|
if (process.env.NODE_ENV !== "production") {
|
|
299
299
|
for (var g in n)
|
|
300
300
|
if (a(n, g)) {
|
|
@@ -302,21 +302,21 @@ function Me() {
|
|
|
302
302
|
try {
|
|
303
303
|
if (typeof n[g] != "function") {
|
|
304
304
|
var A = Error(
|
|
305
|
-
(v || "React class") + ": " +
|
|
305
|
+
(v || "React class") + ": " + u + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
|
306
306
|
);
|
|
307
307
|
throw A.name = "Invariant Violation", A;
|
|
308
308
|
}
|
|
309
|
-
E = n[g](
|
|
310
|
-
} catch (
|
|
311
|
-
E =
|
|
309
|
+
E = n[g](p, g, v, u, null, s);
|
|
310
|
+
} catch (k) {
|
|
311
|
+
E = k;
|
|
312
312
|
}
|
|
313
313
|
if (E && !(E instanceof Error) && r(
|
|
314
|
-
(v || "React class") + ": type specification of " +
|
|
314
|
+
(v || "React class") + ": type specification of " + u + " `" + g + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof E + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
|
|
315
315
|
), E instanceof Error && !(E.message in o)) {
|
|
316
316
|
o[E.message] = !0;
|
|
317
317
|
var j = _ ? _() : "";
|
|
318
318
|
r(
|
|
319
|
-
"Failed " +
|
|
319
|
+
"Failed " + u + " type: " + E.message + (j ?? "")
|
|
320
320
|
);
|
|
321
321
|
}
|
|
322
322
|
}
|
|
@@ -330,20 +330,20 @@ var ue, Se;
|
|
|
330
330
|
function Ye() {
|
|
331
331
|
if (Se) return ue;
|
|
332
332
|
Se = 1;
|
|
333
|
-
var r = we(), s =
|
|
333
|
+
var r = we(), s = Me(), o = /* @__PURE__ */ be(), a = /* @__PURE__ */ Ne(), i = /* @__PURE__ */ ke(), n = function() {
|
|
334
334
|
};
|
|
335
|
-
process.env.NODE_ENV !== "production" && (n = function(
|
|
336
|
-
var v = "Warning: " +
|
|
335
|
+
process.env.NODE_ENV !== "production" && (n = function(u) {
|
|
336
|
+
var v = "Warning: " + u;
|
|
337
337
|
typeof console < "u" && console.error(v);
|
|
338
338
|
try {
|
|
339
339
|
throw new Error(v);
|
|
340
340
|
} catch {
|
|
341
341
|
}
|
|
342
342
|
});
|
|
343
|
-
function
|
|
343
|
+
function p() {
|
|
344
344
|
return null;
|
|
345
345
|
}
|
|
346
|
-
return ue = function(
|
|
346
|
+
return ue = function(u, v) {
|
|
347
347
|
var _ = typeof Symbol == "function" && Symbol.iterator, g = "@@iterator";
|
|
348
348
|
function E(t) {
|
|
349
349
|
var f = t && (_ && t[_] || t[g]);
|
|
@@ -371,7 +371,7 @@ function Ye() {
|
|
|
371
371
|
shape: te,
|
|
372
372
|
exact: ne
|
|
373
373
|
};
|
|
374
|
-
function
|
|
374
|
+
function k(t, f) {
|
|
375
375
|
return t === f ? t !== 0 || 1 / t === 1 / f : t !== t && f !== f;
|
|
376
376
|
}
|
|
377
377
|
function N(t, f) {
|
|
@@ -416,7 +416,7 @@ function Ye() {
|
|
|
416
416
|
return I(f);
|
|
417
417
|
}
|
|
418
418
|
function L() {
|
|
419
|
-
return I(
|
|
419
|
+
return I(p);
|
|
420
420
|
}
|
|
421
421
|
function $(t) {
|
|
422
422
|
function f(T, h, y, R, b) {
|
|
@@ -439,7 +439,7 @@ function Ye() {
|
|
|
439
439
|
function q() {
|
|
440
440
|
function t(f, T, h, y, R) {
|
|
441
441
|
var b = f[T];
|
|
442
|
-
if (!
|
|
442
|
+
if (!u(b)) {
|
|
443
443
|
var m = D(b);
|
|
444
444
|
return new N("Invalid " + y + " `" + R + "` of type " + ("`" + m + "` supplied to `" + h + "`, expected a single ReactElement."));
|
|
445
445
|
}
|
|
@@ -472,10 +472,10 @@ function Ye() {
|
|
|
472
472
|
if (!Array.isArray(t))
|
|
473
473
|
return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? n(
|
|
474
474
|
"Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
|
|
475
|
-
) : n("Invalid argument supplied to oneOf, expected an array.")),
|
|
475
|
+
) : n("Invalid argument supplied to oneOf, expected an array.")), p;
|
|
476
476
|
function f(T, h, y, R, b) {
|
|
477
477
|
for (var m = T[h], O = 0; O < t.length; O++)
|
|
478
|
-
if (
|
|
478
|
+
if (k(m, t[O]))
|
|
479
479
|
return null;
|
|
480
480
|
var P = JSON.stringify(t, function(W, c) {
|
|
481
481
|
var F = U(c);
|
|
@@ -504,13 +504,13 @@ function Ye() {
|
|
|
504
504
|
}
|
|
505
505
|
function ee(t) {
|
|
506
506
|
if (!Array.isArray(t))
|
|
507
|
-
return process.env.NODE_ENV !== "production" && n("Invalid argument supplied to oneOfType, expected an instance of array."),
|
|
507
|
+
return process.env.NODE_ENV !== "production" && n("Invalid argument supplied to oneOfType, expected an instance of array."), p;
|
|
508
508
|
for (var f = 0; f < t.length; f++) {
|
|
509
509
|
var T = t[f];
|
|
510
510
|
if (typeof T != "function")
|
|
511
511
|
return n(
|
|
512
512
|
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + H(T) + " at index " + f + "."
|
|
513
|
-
),
|
|
513
|
+
), p;
|
|
514
514
|
}
|
|
515
515
|
function h(y, R, b, m, O) {
|
|
516
516
|
for (var P = [], S = 0; S < t.length; S++) {
|
|
@@ -586,7 +586,7 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, " ")
|
|
|
586
586
|
case "object":
|
|
587
587
|
if (Array.isArray(t))
|
|
588
588
|
return t.every(B);
|
|
589
|
-
if (t === null ||
|
|
589
|
+
if (t === null || u(t))
|
|
590
590
|
return !0;
|
|
591
591
|
var f = E(t);
|
|
592
592
|
if (f) {
|
|
@@ -647,17 +647,17 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, " ")
|
|
|
647
647
|
return j.checkPropTypes = i, j.resetWarningCache = i.resetWarningCache, j.PropTypes = j, j;
|
|
648
648
|
}, ue;
|
|
649
649
|
}
|
|
650
|
-
var pe,
|
|
650
|
+
var pe, xe;
|
|
651
651
|
function We() {
|
|
652
|
-
if (
|
|
653
|
-
|
|
652
|
+
if (xe) return pe;
|
|
653
|
+
xe = 1;
|
|
654
654
|
var r = /* @__PURE__ */ be();
|
|
655
655
|
function s() {
|
|
656
656
|
}
|
|
657
657
|
function o() {
|
|
658
658
|
}
|
|
659
659
|
return o.resetWarningCache = s, pe = function() {
|
|
660
|
-
function a(
|
|
660
|
+
function a(p, u, v, _, g, E) {
|
|
661
661
|
if (E !== r) {
|
|
662
662
|
var A = new Error(
|
|
663
663
|
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
|
|
@@ -695,10 +695,10 @@ function We() {
|
|
|
695
695
|
return n.PropTypes = n, n;
|
|
696
696
|
}, pe;
|
|
697
697
|
}
|
|
698
|
-
var
|
|
698
|
+
var Ce;
|
|
699
699
|
function De() {
|
|
700
|
-
if (
|
|
701
|
-
if (
|
|
700
|
+
if (Ce) return X.exports;
|
|
701
|
+
if (Ce = 1, process.env.NODE_ENV !== "production") {
|
|
702
702
|
var r = we(), s = !0;
|
|
703
703
|
X.exports = /* @__PURE__ */ Ye()(r.isElement, s);
|
|
704
704
|
} else
|
|
@@ -707,7 +707,7 @@ function De() {
|
|
|
707
707
|
}
|
|
708
708
|
var Fe = /* @__PURE__ */ De();
|
|
709
709
|
const e = /* @__PURE__ */ Pe(Fe), Le = ({ content: r, title: s, className: o, id: a = "accordion" }) => {
|
|
710
|
-
const i =
|
|
710
|
+
const i = M("rpf-accordion", o);
|
|
711
711
|
return /* @__PURE__ */ w("details", { className: i, id: `${a}`, children: [
|
|
712
712
|
/* @__PURE__ */ w("summary", { className: "rpf-accordion__title", role: "button", children: [
|
|
713
713
|
s,
|
|
@@ -729,8 +729,8 @@ const de = ({
|
|
|
729
729
|
className: a,
|
|
730
730
|
type: i = "primary",
|
|
731
731
|
variant: n = "",
|
|
732
|
-
size:
|
|
733
|
-
icon:
|
|
732
|
+
size: p = "default",
|
|
733
|
+
icon: u = "",
|
|
734
734
|
iconOnly: v = !1,
|
|
735
735
|
iconPosition: _ = "left",
|
|
736
736
|
fullWidth: g = !1,
|
|
@@ -738,17 +738,17 @@ const de = ({
|
|
|
738
738
|
onClick: A = () => {
|
|
739
739
|
},
|
|
740
740
|
"aria-label": j = "",
|
|
741
|
-
linkComponent:
|
|
741
|
+
linkComponent: k
|
|
742
742
|
// to pass in react-router-dom Link component
|
|
743
743
|
}) => {
|
|
744
|
-
const N =
|
|
744
|
+
const N = u && v, I = M(
|
|
745
745
|
// Static classes
|
|
746
746
|
"rpf-button",
|
|
747
747
|
// Conditional classes
|
|
748
748
|
{
|
|
749
749
|
[`rpf-button--${i}`]: i,
|
|
750
750
|
"rpf-button--danger": n === "danger",
|
|
751
|
-
"rpf-button--sm":
|
|
751
|
+
"rpf-button--sm": p === "small",
|
|
752
752
|
"rpf-button--icon-only": N,
|
|
753
753
|
"rpf-button--full-width": g,
|
|
754
754
|
disabled: E
|
|
@@ -756,19 +756,19 @@ const de = ({
|
|
|
756
756
|
a
|
|
757
757
|
);
|
|
758
758
|
let Y = "rpf-button__icon";
|
|
759
|
-
Ae.isValidElement(
|
|
759
|
+
Ae.isValidElement(u) ? (Y += " icon", console.warn(
|
|
760
760
|
"DEPRECATED: icons as React elements will not be supported in future releases"
|
|
761
761
|
)) : Y += " material-symbols-sharp";
|
|
762
|
-
const L = (l) =>
|
|
762
|
+
const L = (l) => u && _ === l && /* @__PURE__ */ d("span", { className: Y, children: u }), $ = () => r && !N && /* @__PURE__ */ d("span", { className: "text", children: r }), q = /* @__PURE__ */ w(ye, { children: [
|
|
763
763
|
L("left"),
|
|
764
764
|
$(),
|
|
765
765
|
L("right")
|
|
766
766
|
] });
|
|
767
767
|
return s ? /* @__PURE__ */ d(
|
|
768
|
-
|
|
768
|
+
k || "a",
|
|
769
769
|
{
|
|
770
770
|
className: I,
|
|
771
|
-
...
|
|
771
|
+
...k ? { to: s } : { href: s, role: "button" },
|
|
772
772
|
onClick: A,
|
|
773
773
|
"aria-label": j,
|
|
774
774
|
children: q
|
|
@@ -820,16 +820,16 @@ const ze = ({ title: r, text: s, children: o, type: a, actions: i, onClose: n })
|
|
|
820
820
|
(s || o || i) && /* @__PURE__ */ w("div", { className: "rpf-alert__body", children: [
|
|
821
821
|
!o && s && /* @__PURE__ */ d("p", { children: s }),
|
|
822
822
|
o && /* @__PURE__ */ d("div", { children: o }),
|
|
823
|
-
i && i.length > 0 && /* @__PURE__ */ d("div", { className: "rpf-alert__actions", children: i.map((
|
|
823
|
+
i && i.length > 0 && /* @__PURE__ */ d("div", { className: "rpf-alert__actions", children: i.map((p) => /* @__PURE__ */ d(
|
|
824
824
|
de,
|
|
825
825
|
{
|
|
826
|
-
text:
|
|
826
|
+
text: p.label,
|
|
827
827
|
size: "small",
|
|
828
828
|
type: "tertiary",
|
|
829
|
-
href:
|
|
830
|
-
onClick:
|
|
829
|
+
href: p.href,
|
|
830
|
+
onClick: p.onClick
|
|
831
831
|
},
|
|
832
|
-
|
|
832
|
+
p.key || p.label
|
|
833
833
|
)) })
|
|
834
834
|
] })
|
|
835
835
|
] });
|
|
@@ -854,15 +854,15 @@ const Ue = ({
|
|
|
854
854
|
checked: a = !1,
|
|
855
855
|
disabled: i = !1,
|
|
856
856
|
error: n = "",
|
|
857
|
-
onChange:
|
|
857
|
+
onChange: p = () => {
|
|
858
858
|
},
|
|
859
|
-
value:
|
|
859
|
+
value: u = "",
|
|
860
860
|
className: v = ""
|
|
861
861
|
}) => /* @__PURE__ */ w(ye, { children: [
|
|
862
862
|
/* @__PURE__ */ w(
|
|
863
863
|
"label",
|
|
864
864
|
{
|
|
865
|
-
className:
|
|
865
|
+
className: M("rpf-input-checkbox", {
|
|
866
866
|
"rpf-input-checkbox--error": n,
|
|
867
867
|
className: v
|
|
868
868
|
}),
|
|
@@ -874,9 +874,9 @@ const Ue = ({
|
|
|
874
874
|
disabled: i,
|
|
875
875
|
id: r,
|
|
876
876
|
name: o,
|
|
877
|
-
onChange:
|
|
877
|
+
onChange: p,
|
|
878
878
|
type: "checkbox",
|
|
879
|
-
value:
|
|
879
|
+
value: u
|
|
880
880
|
}
|
|
881
881
|
),
|
|
882
882
|
s
|
|
@@ -909,7 +909,7 @@ const Be = ({
|
|
|
909
909
|
}) => /* @__PURE__ */ w(
|
|
910
910
|
"fieldset",
|
|
911
911
|
{
|
|
912
|
-
className:
|
|
912
|
+
className: M("rpf-fieldset", {
|
|
913
913
|
"rpf-fieldset--disabled": r,
|
|
914
914
|
"rpf-fieldset--full-width": o,
|
|
915
915
|
"rpf-fieldset--error": s
|
|
@@ -948,7 +948,7 @@ const K = ({
|
|
|
948
948
|
"label",
|
|
949
949
|
{
|
|
950
950
|
htmlFor: r,
|
|
951
|
-
className:
|
|
951
|
+
className: M("rpf-label", {
|
|
952
952
|
"rpf-label--disabled": a
|
|
953
953
|
}),
|
|
954
954
|
children: [
|
|
@@ -980,7 +980,7 @@ const Ve = ({
|
|
|
980
980
|
"label",
|
|
981
981
|
{
|
|
982
982
|
htmlFor: s,
|
|
983
|
-
className:
|
|
983
|
+
className: M("rpf-label", {
|
|
984
984
|
"rpf-label--disabled": o
|
|
985
985
|
}),
|
|
986
986
|
children: [
|
|
@@ -1003,7 +1003,7 @@ const He = ({
|
|
|
1003
1003
|
}) => /* @__PURE__ */ d(
|
|
1004
1004
|
"div",
|
|
1005
1005
|
{
|
|
1006
|
-
className:
|
|
1006
|
+
className: M("rpf-progress-bar", {
|
|
1007
1007
|
"rpf-progress-bar--complete": o,
|
|
1008
1008
|
className: a
|
|
1009
1009
|
}),
|
|
@@ -1026,13 +1026,13 @@ const Je = ({
|
|
|
1026
1026
|
checked: a = !1,
|
|
1027
1027
|
disabled: i = !1,
|
|
1028
1028
|
fullWidth: n = !1,
|
|
1029
|
-
onChange:
|
|
1029
|
+
onChange: p = () => {
|
|
1030
1030
|
},
|
|
1031
|
-
value:
|
|
1031
|
+
value: u = ""
|
|
1032
1032
|
}) => /* @__PURE__ */ d(ye, { children: /* @__PURE__ */ w(
|
|
1033
1033
|
"label",
|
|
1034
1034
|
{
|
|
1035
|
-
className:
|
|
1035
|
+
className: M("rpf-input-radio", {
|
|
1036
1036
|
"rpf-input-radio--disabled": i,
|
|
1037
1037
|
"rpf-input--full-width": n
|
|
1038
1038
|
}),
|
|
@@ -1044,9 +1044,9 @@ const Je = ({
|
|
|
1044
1044
|
disabled: i,
|
|
1045
1045
|
id: r,
|
|
1046
1046
|
name: o,
|
|
1047
|
-
onChange:
|
|
1047
|
+
onChange: p,
|
|
1048
1048
|
type: "radio",
|
|
1049
|
-
value:
|
|
1049
|
+
value: u
|
|
1050
1050
|
}
|
|
1051
1051
|
),
|
|
1052
1052
|
s
|
|
@@ -1070,18 +1070,18 @@ const Xe = ({
|
|
|
1070
1070
|
error: a = "",
|
|
1071
1071
|
hint: i = "",
|
|
1072
1072
|
placeholder: n = "",
|
|
1073
|
-
defaultValue:
|
|
1074
|
-
onClick:
|
|
1073
|
+
defaultValue: p = "",
|
|
1074
|
+
onClick: u = () => {
|
|
1075
1075
|
},
|
|
1076
1076
|
// eslint-disable-next-line no-unused-vars
|
|
1077
1077
|
onChange: v = (_) => {
|
|
1078
1078
|
}
|
|
1079
|
-
}) => /* @__PURE__ */ w("
|
|
1079
|
+
}) => /* @__PURE__ */ d("search", { children: /* @__PURE__ */ w("form", { className: "rpf-input-field", onSubmit: u, children: [
|
|
1080
1080
|
/* @__PURE__ */ w(
|
|
1081
1081
|
"label",
|
|
1082
1082
|
{
|
|
1083
1083
|
htmlFor: s,
|
|
1084
|
-
className:
|
|
1084
|
+
className: M("rpf-label", {
|
|
1085
1085
|
"rpf-label--disabled": o
|
|
1086
1086
|
}),
|
|
1087
1087
|
children: [
|
|
@@ -1094,7 +1094,7 @@ const Xe = ({
|
|
|
1094
1094
|
/* @__PURE__ */ d(
|
|
1095
1095
|
"input",
|
|
1096
1096
|
{
|
|
1097
|
-
className:
|
|
1097
|
+
className: M("rpf-input rpf-input-search", {
|
|
1098
1098
|
"rpf-input--disabled": o,
|
|
1099
1099
|
"rpf-input--error": a
|
|
1100
1100
|
}),
|
|
@@ -1103,7 +1103,7 @@ const Xe = ({
|
|
|
1103
1103
|
name: "search",
|
|
1104
1104
|
type: "search",
|
|
1105
1105
|
"aria-label": "Search",
|
|
1106
|
-
defaultValue:
|
|
1106
|
+
defaultValue: p,
|
|
1107
1107
|
placeholder: n,
|
|
1108
1108
|
onChange: v
|
|
1109
1109
|
}
|
|
@@ -1111,13 +1111,13 @@ const Xe = ({
|
|
|
1111
1111
|
/* @__PURE__ */ d(
|
|
1112
1112
|
"button",
|
|
1113
1113
|
{
|
|
1114
|
-
type: "
|
|
1115
|
-
className:
|
|
1114
|
+
type: "submit",
|
|
1115
|
+
className: M("rpf-button rpf-button-search", {
|
|
1116
1116
|
"rpf-button--disabled": o,
|
|
1117
1117
|
"rpf-button--error": a
|
|
1118
1118
|
}),
|
|
1119
1119
|
disabled: o,
|
|
1120
|
-
onClick:
|
|
1120
|
+
onClick: u,
|
|
1121
1121
|
children: /* @__PURE__ */ d("span", { className: "rpf-button__icon material-symbols-sharp", children: "search" })
|
|
1122
1122
|
}
|
|
1123
1123
|
)
|
|
@@ -1126,7 +1126,7 @@ const Xe = ({
|
|
|
1126
1126
|
/* @__PURE__ */ d("span", { className: "rpf-error-message__icon material-symbols-sharp", children: "info" }),
|
|
1127
1127
|
a
|
|
1128
1128
|
] })
|
|
1129
|
-
] });
|
|
1129
|
+
] }) });
|
|
1130
1130
|
Xe.propTypes = {
|
|
1131
1131
|
disabled: e.bool,
|
|
1132
1132
|
error: e.string,
|
|
@@ -1145,8 +1145,8 @@ const Ge = ({
|
|
|
1145
1145
|
options: a,
|
|
1146
1146
|
disabled: i = !1,
|
|
1147
1147
|
error: n = "",
|
|
1148
|
-
fullWidth:
|
|
1149
|
-
hint:
|
|
1148
|
+
fullWidth: p = !1,
|
|
1149
|
+
hint: u = "",
|
|
1150
1150
|
onChange: v = () => {
|
|
1151
1151
|
},
|
|
1152
1152
|
placeholder: _ = "",
|
|
@@ -1157,14 +1157,14 @@ const Ge = ({
|
|
|
1157
1157
|
id: r,
|
|
1158
1158
|
disabled: i,
|
|
1159
1159
|
error: n,
|
|
1160
|
-
hint:
|
|
1160
|
+
hint: u,
|
|
1161
1161
|
label: s,
|
|
1162
1162
|
children: /* @__PURE__ */ w(
|
|
1163
1163
|
"select",
|
|
1164
1164
|
{
|
|
1165
|
-
className:
|
|
1165
|
+
className: M("rpf-input rpf-input-select", {
|
|
1166
1166
|
"rpf-input--error": n,
|
|
1167
|
-
"rpf-input--full-width":
|
|
1167
|
+
"rpf-input--full-width": p
|
|
1168
1168
|
}),
|
|
1169
1169
|
disabled: i,
|
|
1170
1170
|
id: r,
|
|
@@ -1197,11 +1197,11 @@ const Ke = ({ headerRow: r, bodyRows: s, fullWidth: o }) => /* @__PURE__ */ d(
|
|
|
1197
1197
|
"div",
|
|
1198
1198
|
{
|
|
1199
1199
|
"data-testid": "table-container",
|
|
1200
|
-
className:
|
|
1200
|
+
className: M("rpf-table", { "rpf-table--full-width": o }),
|
|
1201
1201
|
children: /* @__PURE__ */ w(
|
|
1202
1202
|
"table",
|
|
1203
1203
|
{
|
|
1204
|
-
className:
|
|
1204
|
+
className: M("rpf-table__table", {
|
|
1205
1205
|
"rpf-table__table--full-width": o
|
|
1206
1206
|
}),
|
|
1207
1207
|
children: [
|
|
@@ -1232,7 +1232,7 @@ Qe.propTypes = {
|
|
|
1232
1232
|
const er = ({ text: r, variant: s, secondary: o, icon: a, iconPosition: i }) => (a && (a = /* @__PURE__ */ d("span", { className: "rpf-tag__icon material-symbols-sharp", children: a })), a && !i && (i = "left"), s && s !== "default" ? s = `rpf-tag--${s}` : s = null, /* @__PURE__ */ w(
|
|
1233
1233
|
"span",
|
|
1234
1234
|
{
|
|
1235
|
-
className:
|
|
1235
|
+
className: M("rpf-tag", s, {
|
|
1236
1236
|
"rpf-tag--secondary": o
|
|
1237
1237
|
}),
|
|
1238
1238
|
children: [
|
|
@@ -1262,8 +1262,8 @@ const rr = ({
|
|
|
1262
1262
|
value: a,
|
|
1263
1263
|
disabled: i = !1,
|
|
1264
1264
|
readOnly: n = !1,
|
|
1265
|
-
error:
|
|
1266
|
-
fullWidth:
|
|
1265
|
+
error: p = "",
|
|
1266
|
+
fullWidth: u = !1,
|
|
1267
1267
|
hint: v = "",
|
|
1268
1268
|
onChange: _ = () => {
|
|
1269
1269
|
}
|
|
@@ -1272,15 +1272,15 @@ const rr = ({
|
|
|
1272
1272
|
{
|
|
1273
1273
|
id: r,
|
|
1274
1274
|
disabled: i,
|
|
1275
|
-
error:
|
|
1275
|
+
error: p,
|
|
1276
1276
|
hint: v,
|
|
1277
1277
|
label: s,
|
|
1278
1278
|
children: /* @__PURE__ */ d(
|
|
1279
1279
|
"textarea",
|
|
1280
1280
|
{
|
|
1281
|
-
className:
|
|
1282
|
-
"rpf-input--error":
|
|
1283
|
-
"rpf-input--full-width":
|
|
1281
|
+
className: M("rpf-input rpf-input-textarea", {
|
|
1282
|
+
"rpf-input--error": p,
|
|
1283
|
+
"rpf-input--full-width": u,
|
|
1284
1284
|
"rpf-input--disabled": i
|
|
1285
1285
|
}),
|
|
1286
1286
|
disabled: i,
|
|
@@ -1313,8 +1313,8 @@ const tr = ({
|
|
|
1313
1313
|
value: a,
|
|
1314
1314
|
disabled: i = !1,
|
|
1315
1315
|
error: n = "",
|
|
1316
|
-
fullWidth:
|
|
1317
|
-
hint:
|
|
1316
|
+
fullWidth: p = !1,
|
|
1317
|
+
hint: u = "",
|
|
1318
1318
|
onChange: v = () => {
|
|
1319
1319
|
}
|
|
1320
1320
|
}) => /* @__PURE__ */ d(
|
|
@@ -1323,14 +1323,14 @@ const tr = ({
|
|
|
1323
1323
|
id: r,
|
|
1324
1324
|
disabled: i,
|
|
1325
1325
|
error: n,
|
|
1326
|
-
hint:
|
|
1326
|
+
hint: u,
|
|
1327
1327
|
label: s,
|
|
1328
1328
|
children: /* @__PURE__ */ d(
|
|
1329
1329
|
"input",
|
|
1330
1330
|
{
|
|
1331
|
-
className:
|
|
1331
|
+
className: M("rpf-input rpf-input-text", {
|
|
1332
1332
|
"rpf-input--error": n,
|
|
1333
|
-
"rpf-input--full-width":
|
|
1333
|
+
"rpf-input--full-width": p
|
|
1334
1334
|
}),
|
|
1335
1335
|
disabled: i,
|
|
1336
1336
|
id: r,
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
(function(A,
|
|
1
|
+
(function(A,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],n):(A=typeof globalThis<"u"?globalThis:A||self,n(A["RPF Design System React"]={},A.jsxRuntime,A.React))})(this,function(A,n,Ue){"use strict";function be(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var Q={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/var he;function Ve(){return he||(he=1,function(r){(function(){var c={}.hasOwnProperty;function o(){for(var
|
|
5
|
+
*/var he;function Ve(){return he||(he=1,function(r){(function(){var c={}.hasOwnProperty;function o(){for(var a="",d=0;d<arguments.length;d++){var p=arguments[d];p&&(a=i(a,s(p)))}return a}function s(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return o.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var d="";for(var p in a)c.call(a,p)&&a[p]&&(d=i(d,p));return d}function i(a,d){return d?a?a+" "+d:a+d:a}r.exports?(o.default=o,r.exports=o):window.classNames=o})()}(Q)),Q.exports}var He=Ve();const M=be(He);var H={exports:{}},J={exports:{}},C={};/** @license React v16.13.1
|
|
6
6
|
* react-is.production.min.js
|
|
7
7
|
*
|
|
8
8
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
9
9
|
*
|
|
10
10
|
* This source code is licensed under the MIT license found in the
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
|
12
|
-
*/var ve;function Je(){if(ve)return C;ve=1;var r=typeof Symbol=="function"&&Symbol.for,c=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,
|
|
12
|
+
*/var ve;function Je(){if(ve)return C;ve=1;var r=typeof Symbol=="function"&&Symbol.for,c=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,a=r?Symbol.for("react.profiler"):60114,d=r?Symbol.for("react.provider"):60109,p=r?Symbol.for("react.context"):60110,g=r?Symbol.for("react.async_mode"):60111,_=r?Symbol.for("react.concurrent_mode"):60111,m=r?Symbol.for("react.forward_ref"):60112,E=r?Symbol.for("react.suspense"):60113,q=r?Symbol.for("react.suspense_list"):60120,I=r?Symbol.for("react.memo"):60115,k=r?Symbol.for("react.lazy"):60116,N=r?Symbol.for("react.block"):60121,$=r?Symbol.for("react.fundamental"):60117,Y=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function R(l){if(typeof l=="object"&&l!==null){var L=l.$$typeof;switch(L){case c:switch(l=l.type,l){case g:case _:case s:case a:case i:case E:return l;default:switch(l=l&&l.$$typeof,l){case p:case m:case k:case I:case d:return l;default:return L}}case o:return L}}}function j(l){return R(l)===_}return C.AsyncMode=g,C.ConcurrentMode=_,C.ContextConsumer=p,C.ContextProvider=d,C.Element=c,C.ForwardRef=m,C.Fragment=s,C.Lazy=k,C.Memo=I,C.Portal=o,C.Profiler=a,C.StrictMode=i,C.Suspense=E,C.isAsyncMode=function(l){return j(l)||R(l)===g},C.isConcurrentMode=j,C.isContextConsumer=function(l){return R(l)===p},C.isContextProvider=function(l){return R(l)===d},C.isElement=function(l){return typeof l=="object"&&l!==null&&l.$$typeof===c},C.isForwardRef=function(l){return R(l)===m},C.isFragment=function(l){return R(l)===s},C.isLazy=function(l){return R(l)===k},C.isMemo=function(l){return R(l)===I},C.isPortal=function(l){return R(l)===o},C.isProfiler=function(l){return R(l)===a},C.isStrictMode=function(l){return R(l)===i},C.isSuspense=function(l){return R(l)===E},C.isValidElementType=function(l){return typeof l=="string"||typeof l=="function"||l===s||l===_||l===a||l===i||l===E||l===q||typeof l=="object"&&l!==null&&(l.$$typeof===k||l.$$typeof===I||l.$$typeof===d||l.$$typeof===p||l.$$typeof===m||l.$$typeof===$||l.$$typeof===Y||l.$$typeof===z||l.$$typeof===N)},C.typeOf=R,C}var w={};/** @license React v16.13.1
|
|
13
13
|
* react-is.development.js
|
|
14
14
|
*
|
|
15
15
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
16
16
|
*
|
|
17
17
|
* This source code is licensed under the MIT license found in the
|
|
18
18
|
* LICENSE file in the root directory of this source tree.
|
|
19
|
-
*/var ge;function Xe(){return ge||(ge=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,c=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,
|
|
19
|
+
*/var ge;function Xe(){return ge||(ge=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,c=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,a=r?Symbol.for("react.profiler"):60114,d=r?Symbol.for("react.provider"):60109,p=r?Symbol.for("react.context"):60110,g=r?Symbol.for("react.async_mode"):60111,_=r?Symbol.for("react.concurrent_mode"):60111,m=r?Symbol.for("react.forward_ref"):60112,E=r?Symbol.for("react.suspense"):60113,q=r?Symbol.for("react.suspense_list"):60120,I=r?Symbol.for("react.memo"):60115,k=r?Symbol.for("react.lazy"):60116,N=r?Symbol.for("react.block"):60121,$=r?Symbol.for("react.fundamental"):60117,Y=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function R(f){return typeof f=="string"||typeof f=="function"||f===s||f===_||f===a||f===i||f===E||f===q||typeof f=="object"&&f!==null&&(f.$$typeof===k||f.$$typeof===I||f.$$typeof===d||f.$$typeof===p||f.$$typeof===m||f.$$typeof===$||f.$$typeof===Y||f.$$typeof===z||f.$$typeof===N)}function j(f){if(typeof f=="object"&&f!==null){var W=f.$$typeof;switch(W){case c:var Z=f.type;switch(Z){case g:case _:case s:case a:case i:case E:return Z;default:var Be=Z&&Z.$$typeof;switch(Be){case p:case m:case k:case I:case d:return Be;default:return W}}case o:return W}}}var l=g,L=_,ie=p,le=d,ce=c,fe=m,G=s,ue=k,pe=I,U=o,de=a,D=i,B=E,K=!1;function ye(f){return K||(K=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),t(f)||j(f)===g}function t(f){return j(f)===_}function u(f){return j(f)===p}function T(f){return j(f)===d}function h(f){return typeof f=="object"&&f!==null&&f.$$typeof===c}function y(f){return j(f)===m}function O(f){return j(f)===s}function b(f){return j(f)===k}function v(f){return j(f)===I}function S(f){return j(f)===o}function x(f){return j(f)===a}function P(f){return j(f)===i}function F(f){return j(f)===E}w.AsyncMode=l,w.ConcurrentMode=L,w.ContextConsumer=ie,w.ContextProvider=le,w.Element=ce,w.ForwardRef=fe,w.Fragment=G,w.Lazy=ue,w.Memo=pe,w.Portal=U,w.Profiler=de,w.StrictMode=D,w.Suspense=B,w.isAsyncMode=ye,w.isConcurrentMode=t,w.isContextConsumer=u,w.isContextProvider=T,w.isElement=h,w.isForwardRef=y,w.isFragment=O,w.isLazy=b,w.isMemo=v,w.isPortal=S,w.isProfiler=x,w.isStrictMode=P,w.isSuspense=F,w.isValidElementType=R,w.typeOf=j}()),w}var me;function Te(){return me||(me=1,process.env.NODE_ENV==="production"?J.exports=Je():J.exports=Xe()),J.exports}/*
|
|
20
20
|
object-assign
|
|
21
21
|
(c) Sindre Sorhus
|
|
22
22
|
@license MIT
|
|
23
|
-
*/var ee,_e;function Ge(){if(_e)return ee;_e=1;var r=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function s(
|
|
24
|
-
Valid keys: `+JSON.stringify(Object.keys(t),null," "));var f=F(v,P,y,O,b+"."+P,o);if(f)return f}return null}return R(u)}function U(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(U);if(t===null||d(t))return!0;var u=E(t);if(u){var T=u.call(t),h;if(u!==t.entries){for(;!(h=T.next()).done;)if(!U(h.value))return!1}else for(;!(h=T.next()).done;){var y=h.value;if(y&&!U(y[1]))return!1}}else return!1;return!0;default:return!1}}function de(t,u){return t==="symbol"?!0:u?u["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&u instanceof Symbol:!1}function D(t){var u=typeof t;return Array.isArray(t)?"array":t instanceof RegExp?"object":de(u,t)?"symbol":u}function B(t){if(typeof t>"u"||t===null)return""+t;var u=D(t);if(u==="object"){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return u}function K(t){var u=B(t);switch(u){case"array":case"object":return"an "+u;case"boolean":case"date":case"regexp":return"a "+u;default:return u}}function ye(t){return!t.constructor||!t.constructor.name?q:t.constructor.name}return I.checkPropTypes=i,I.resetWarningCache=i.resetWarningCache,I.PropTypes=I,I},se}var oe,we;function Qe(){if(we)return oe;we=1;var r=te();function c(){}function o(){}return o.resetWarningCache=c,oe=function(){function s(p,d,g,_,m,E){if(E!==r){var q=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw q.name="Invariant Violation",q}}s.isRequired=s;function i(){return s}var n={array:s,bigint:s,bool:s,func:s,number:s,object:s,string:s,symbol:s,any:s,arrayOf:i,element:s,elementType:s,instanceOf:i,node:s,objectOf:i,oneOf:i,oneOfType:i,shape:i,exact:i,checkPropTypes:o,resetWarningCache:c};return n.PropTypes=n,n},oe}var xe;function er(){if(xe)return H.exports;if(xe=1,process.env.NODE_ENV!=="production"){var r=Te(),c=!0;H.exports=Ze()(r.isElement,c)}else H.exports=Qe()();return H.exports}var rr=er();const e=be(rr),Ne=({content:r,title:c,className:o,id:s="accordion"})=>{const i=M("rpf-accordion",o);return a.jsxs("details",{className:i,id:`${s}`,children:[a.jsxs("summary",{className:"rpf-accordion__title",role:"button",children:[c,a.jsx("span",{className:"rpf-accordion__icon"})]}),a.jsx("p",{className:"rpf-accordion__text",children:r})]})};Ne.propTypes={content:e.string.isRequired,title:e.string.isRequired,id:e.string,className:e.string};const X=({text:r,href:c,title:o,className:s,type:i="primary",variant:n="",size:p="default",icon:d="",iconOnly:g=!1,iconPosition:_="left",fullWidth:m=!1,disabled:E=!1,onClick:q=()=>{},"aria-label":I="",linkComponent:k})=>{const N=d&&g,R=M("rpf-button",{[`rpf-button--${i}`]:i,"rpf-button--danger":n==="danger","rpf-button--sm":p==="small","rpf-button--icon-only":N,"rpf-button--full-width":m,disabled:E},s);let Y="rpf-button__icon";Ue.isValidElement(d)?(Y+=" icon",console.warn("DEPRECATED: icons as React elements will not be supported in future releases")):Y+=" material-symbols-sharp";const z=l=>d&&_===l&&a.jsx("span",{className:Y,children:d}),$=()=>r&&!N&&a.jsx("span",{className:"text",children:r}),j=a.jsxs(a.Fragment,{children:[z("left"),$(),z("right")]});if(c){const l=k||"a",L=k?{to:c}:{href:c,role:"button"};return a.jsx(l,{className:R,...L,onClick:q,"aria-label":I,children:j})}return a.jsx("button",{className:R,title:o,onClick:q,disabled:E,"aria-label":I,children:j})};X.propTypes={type:e.string,className:e.string,disabled:e.bool,icon:e.oneOfType([e.string,e.element]),href:e.string,onClick:e.func,text:e.string,iconOnly:e.bool,title:e.string,iconPosition:e.oneOf(["left","right"]),size:e.oneOf(["default","small"]),"aria-label":e.string,fullWidth:e.bool,variant:e.string,linkComponent:e.elementType};const Ae=({title:r,text:c,children:o,type:s,actions:i,onClose:n})=>a.jsxs("div",{className:`rpf-alert rpf-alert--${s}`,children:[a.jsxs("div",{className:"rpf-alert__header",children:[a.jsx("span",{className:"rpf-alert__icon material-symbols-sharp"}),a.jsx("p",{className:"rpf-alert__title",children:r}),!!n&&a.jsx("div",{className:"rpf-alert__close",children:a.jsx(X,{type:"tertiary",icon:"close",size:"small",iconOnly:!0,onClick:n})})]}),(c||o||i)&&a.jsxs("div",{className:"rpf-alert__body",children:[!o&&c&&a.jsx("p",{children:c}),o&&a.jsx("div",{children:o}),i&&i.length>0&&a.jsx("div",{className:"rpf-alert__actions",children:i.map(p=>a.jsx(X,{text:p.label,size:"small",type:"tertiary",href:p.href,onClick:p.onClick},p.key||p.label))})]})]});Ae.propTypes={title:e.string,text:e.string,type:e.oneOf(["error","warning","information","success"]),actions:e.arrayOf(e.shape({href:e.string,label:e.string,onClick:e.func})),children:e.node,onClose:e.func};const qe=({id:r,label:c,name:o,checked:s=!1,disabled:i=!1,error:n="",onChange:p=()=>{},value:d="",className:g=""})=>a.jsxs(a.Fragment,{children:[a.jsxs("label",{className:M("rpf-input-checkbox",{"rpf-input-checkbox--error":n,className:g}),children:[a.jsx("input",{checked:!!s,disabled:i,id:r,name:o,onChange:p,type:"checkbox",value:d}),c]}),n&&a.jsxs("div",{className:"rpf-error-message",children:[a.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),n]})]});qe.propTypes={checked:e.bool,disabled:e.bool,error:e.string,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string,className:e.string};const Ie=({disabled:r=!1,errorText:c="",fullWidth:o=!1,legendText:s,legendHintText:i="",children:n})=>a.jsxs("fieldset",{className:M("rpf-fieldset",{"rpf-fieldset--disabled":r,"rpf-fieldset--full-width":o,"rpf-fieldset--error":c}),disabled:r,children:[a.jsxs("legend",{className:"rpf-label",children:[s,i.length>0?a.jsx("small",{className:"rpf-label__hint",children:i}):null]}),a.jsx("div",{className:"rpf-fieldset__inputs",children:n}),c.length>0?a.jsxs("div",{className:"rpf-error-message",children:[a.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),c]}):null]});Ie.propTypes={disabled:e.bool,errorText:e.string,fullWidth:e.bool,legendText:e.string.isRequired,legendHintText:e.string,children:e.node};const V=({id:r,label:c,children:o,disabled:s=!1,error:i="",hint:n=""})=>a.jsxs("div",{className:"rpf-input-field",children:[(c||n)&&a.jsxs("label",{htmlFor:r,className:M("rpf-label",{"rpf-label--disabled":s}),children:[c,a.jsx("small",{className:"rpf-label__hint",children:n})]}),o,i&&a.jsxs("div",{className:"rpf-error-message",children:[a.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),i]})]});V.propTypes={disabled:e.bool,error:e.string,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,children:e.node};const je=({label:r,inputFieldId:c,disabled:o=!1,hint:s=""})=>a.jsx("div",{className:"rpf-label",children:a.jsxs("label",{htmlFor:c,className:M("rpf-label",{"rpf-label--disabled":o}),children:[r,s&&a.jsx("div",{className:"rpf-label__hint",children:s})]})});je.propTypes={disabled:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,inputFieldId:e.string.isRequired};const Re=({text:r="",percent:c,complete:o=!1,className:s})=>a.jsx("div",{className:M("rpf-progress-bar",{"rpf-progress-bar--complete":o,className:s}),children:a.jsxs("label",{className:"rpf-progress-bar__label",children:[a.jsx("span",{children:r}),a.jsx("progress",{className:"rpf-progress-bar__bar",value:c,max:"100",children:`${c}%`})]})});Re.propTypes={text:e.string,percent:e.number.isRequired,complete:e.bool,className:e.string};const $e=({id:r,label:c,name:o,checked:s=!1,disabled:i=!1,fullWidth:n=!1,onChange:p=()=>{},value:d=""})=>a.jsx(a.Fragment,{children:a.jsxs("label",{className:M("rpf-input-radio",{"rpf-input-radio--disabled":i,"rpf-input--full-width":n}),children:[a.jsx("input",{checked:!!s,disabled:i,id:r,name:o,onChange:p,type:"radio",value:d}),c]})});$e.propTypes={checked:e.bool,disabled:e.bool,fullWidth:e.bool,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string};const Me=({label:r,inputFieldId:c,disabled:o=!1,error:s="",hint:i="",placeholder:n="",defaultValue:p="",onClick:d=()=>{},onChange:g=_=>{}})=>a.jsxs("div",{className:"rpf-input-field",children:[a.jsxs("label",{htmlFor:c,className:M("rpf-label",{"rpf-label--disabled":o}),children:[r,i&&a.jsx("small",{className:"rpf-label__hint",children:i})]}),a.jsxs("div",{className:"rpf-input-search-container",children:[a.jsx("input",{className:M("rpf-input rpf-input-search",{"rpf-input--disabled":o,"rpf-input--error":s}),disabled:o,id:c,name:"search",type:"search","aria-label":"Search",defaultValue:p,placeholder:n,onChange:g}),a.jsx("button",{type:"button",className:M("rpf-button rpf-button-search",{"rpf-button--disabled":o,"rpf-button--error":s}),disabled:o,onClick:d,children:a.jsx("span",{className:"rpf-button__icon material-symbols-sharp",children:"search"})})]}),s&&a.jsxs("div",{className:"rpf-error-message",children:[a.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"info"}),s]})]});Me.propTypes={disabled:e.bool,error:e.string,hint:e.string,inputFieldId:e.string.isRequired,label:e.string.isRequired,onClick:e.func,onChange:e.func,placeholder:e.string,defaultValue:e.string};const ke=({id:r,label:c,name:o,options:s,disabled:i=!1,error:n="",fullWidth:p=!1,hint:d="",onChange:g=()=>{},placeholder:_="",value:m=""})=>a.jsx(V,{id:r,disabled:i,error:n,hint:d,label:c,children:a.jsxs("select",{className:M("rpf-input rpf-input-select",{"rpf-input--error":n,"rpf-input--full-width":p}),disabled:i,id:r,name:o,onChange:g,type:"text",value:m,children:[!m&&!!_&&a.jsx("option",{value:"",disabled:!0,children:_}),s.map(E=>a.jsx("option",{value:E.key,children:E.value},E.key))]})});ke.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,options:e.array.isRequired,placeholder:e.string,value:e.string};const Ye=({headerRow:r,bodyRows:c,fullWidth:o})=>a.jsx("div",{"data-testid":"table-container",className:M("rpf-table",{"rpf-table--full-width":o}),children:a.jsxs("table",{className:M("rpf-table__table",{"rpf-table__table--full-width":o}),children:[a.jsx("thead",{children:a.jsx("tr",{className:"rpf-table-row",children:r})}),a.jsx("tbody",{children:c.map((s,i)=>a.jsx("tr",{className:"rpf-table-row",children:s},i))})]})});Ye.propTypes={headerRow:e.node.isRequired,bodyRows:e.arrayOf(e.node).isRequired,fullWidth:e.bool};const Fe=({children:r})=>a.jsx("td",{className:"rpf-table-cell rpf-table-cell--body",children:a.jsx("div",{className:"rpf-table-cell__content",children:r})});Fe.propTypes={children:e.node};const De=({sortDirection:r,children:c})=>{if(r!==void 0){const s=r==="up"?"arrow_drop_up":"arrow_drop_down";c=a.jsxs("div",{className:"rpf-table-cell__sort-header",children:[c,a.jsx("span",{className:"material-symbols-sharp",children:s})]})}const o=r!==void 0?"rpf-table-cell--sortable-header":"rpf-table-cell--header";return a.jsx("th",{className:`rpf-table-cell ${o}`,children:a.jsx("div",{className:"rpf-table-cell__content",children:c})})};De.propTypes={sortDirection:e.oneOf(["up","down"]),children:e.node};const We=({text:r,variant:c,secondary:o,icon:s,iconPosition:i})=>(s&&(s=a.jsx("span",{className:"rpf-tag__icon material-symbols-sharp",children:s})),s&&!i&&(i="left"),c&&c!=="default"?c=`rpf-tag--${c}`:c=null,a.jsxs("span",{className:M("rpf-tag",c,{"rpf-tag--secondary":o}),children:[i==="left"&&s,r,i==="right"&&s]}));We.propTypes={text:e.string.isRequired,variant:e.oneOf(["default","information","success","warning","error"]),secondary:e.bool,icon:e.string,iconPosition:e.oneOf(["left","right"])};const Le=({id:r,label:c,name:o,value:s,disabled:i=!1,readOnly:n=!1,error:p="",fullWidth:d=!1,hint:g="",onChange:_=()=>{}})=>a.jsx(V,{id:r,disabled:i,error:p,hint:g,label:c,children:a.jsx("textarea",{className:M("rpf-input rpf-input-textarea",{"rpf-input--error":p,"rpf-input--full-width":d,"rpf-input--disabled":i}),disabled:i,readOnly:n,id:r,name:o,onChange:_,type:"text",value:s})});Le.propTypes={disabled:e.bool,readOnly:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired};const ze=({id:r,label:c,name:o,value:s,disabled:i=!1,error:n="",fullWidth:p=!1,hint:d="",onChange:g=()=>{}})=>a.jsx(V,{id:r,disabled:i,error:n,hint:d,label:c,children:a.jsx("input",{className:M("rpf-input rpf-input-text",{"rpf-input--error":n,"rpf-input--full-width":p}),disabled:i,id:r,name:o,onChange:g,type:"text",value:s})});ze.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired},A.Accordion=Ne,A.Alert=Ae,A.Button=X,A.CheckboxInput=qe,A.Fieldset=Ie,A.InputField=V,A.InputLabel=je,A.ProgressBar=Re,A.RadioInput=$e,A.SearchInput=Me,A.SelectInput=ke,A.Table=Ye,A.TableBodyCell=Fe,A.TableHeaderCell=De,A.Tag=We,A.TextInput=ze,A.TextareaInput=Le,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});
|
|
23
|
+
*/var ee,_e;function Ge(){if(_e)return ee;_e=1;var r=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function s(a){if(a==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(a)}function i(){try{if(!Object.assign)return!1;var a=new String("abc");if(a[5]="de",Object.getOwnPropertyNames(a)[0]==="5")return!1;for(var d={},p=0;p<10;p++)d["_"+String.fromCharCode(p)]=p;var g=Object.getOwnPropertyNames(d).map(function(m){return d[m]});if(g.join("")!=="0123456789")return!1;var _={};return"abcdefghijklmnopqrst".split("").forEach(function(m){_[m]=m}),Object.keys(Object.assign({},_)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ee=i()?Object.assign:function(a,d){for(var p,g=s(a),_,m=1;m<arguments.length;m++){p=Object(arguments[m]);for(var E in p)c.call(p,E)&&(g[E]=p[E]);if(r){_=r(p);for(var q=0;q<_.length;q++)o.call(p,_[q])&&(g[_[q]]=p[_[q]])}}return g},ee}var re,Ee;function te(){if(Ee)return re;Ee=1;var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return re=r,re}var ne,Oe;function Se(){return Oe||(Oe=1,ne=Function.call.bind(Object.prototype.hasOwnProperty)),ne}var ae,Pe;function Ke(){if(Pe)return ae;Pe=1;var r=function(){};if(process.env.NODE_ENV!=="production"){var c=te(),o={},s=Se();r=function(a){var d="Warning: "+a;typeof console<"u"&&console.error(d);try{throw new Error(d)}catch{}}}function i(a,d,p,g,_){if(process.env.NODE_ENV!=="production"){for(var m in a)if(s(a,m)){var E;try{if(typeof a[m]!="function"){var q=Error((g||"React class")+": "+p+" type `"+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[m]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw q.name="Invariant Violation",q}E=a[m](d,m,g,p,null,c)}catch(k){E=k}if(E&&!(E instanceof Error)&&r((g||"React class")+": type specification of "+p+" `"+m+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof E+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),E instanceof Error&&!(E.message in o)){o[E.message]=!0;var I=_?_():"";r("Failed "+p+" type: "+E.message+(I??""))}}}}return i.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(o={})},ae=i,ae}var se,Ce;function Ze(){if(Ce)return se;Ce=1;var r=Te(),c=Ge(),o=te(),s=Se(),i=Ke(),a=function(){};process.env.NODE_ENV!=="production"&&(a=function(p){var g="Warning: "+p;typeof console<"u"&&console.error(g);try{throw new Error(g)}catch{}});function d(){return null}return se=function(p,g){var _=typeof Symbol=="function"&&Symbol.iterator,m="@@iterator";function E(t){var u=t&&(_&&t[_]||t[m]);if(typeof u=="function")return u}var q="<<anonymous>>",I={array:Y("array"),bigint:Y("bigint"),bool:Y("boolean"),func:Y("function"),number:Y("number"),object:Y("object"),string:Y("string"),symbol:Y("symbol"),any:z(),arrayOf:R,element:j(),elementType:l(),instanceOf:L,node:fe(),objectOf:le,oneOf:ie,oneOfType:ce,shape:ue,exact:pe};function k(t,u){return t===u?t!==0||1/t===1/u:t!==t&&u!==u}function N(t,u){this.message=t,this.data=u&&typeof u=="object"?u:{},this.stack=""}N.prototype=Error.prototype;function $(t){if(process.env.NODE_ENV!=="production")var u={},T=0;function h(O,b,v,S,x,P,F){if(S=S||q,P=P||v,F!==o){if(g){var f=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw f.name="Invariant Violation",f}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var W=S+":"+v;!u[W]&&T<3&&(a("You are manually calling a React.PropTypes validation function for the `"+P+"` prop on `"+S+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),u[W]=!0,T++)}}return b[v]==null?O?b[v]===null?new N("The "+x+" `"+P+"` is marked as required "+("in `"+S+"`, but its value is `null`.")):new N("The "+x+" `"+P+"` is marked as required in "+("`"+S+"`, but its value is `undefined`.")):null:t(b,v,S,x,P)}var y=h.bind(null,!1);return y.isRequired=h.bind(null,!0),y}function Y(t){function u(T,h,y,O,b,v){var S=T[h],x=D(S);if(x!==t){var P=B(S);return new N("Invalid "+O+" `"+b+"` of type "+("`"+P+"` supplied to `"+y+"`, expected ")+("`"+t+"`."),{expectedType:t})}return null}return $(u)}function z(){return $(d)}function R(t){function u(T,h,y,O,b){if(typeof t!="function")return new N("Property `"+b+"` of component `"+y+"` has invalid PropType notation inside arrayOf.");var v=T[h];if(!Array.isArray(v)){var S=D(v);return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected an array."))}for(var x=0;x<v.length;x++){var P=t(v,x,y,O,b+"["+x+"]",o);if(P instanceof Error)return P}return null}return $(u)}function j(){function t(u,T,h,y,O){var b=u[T];if(!p(b)){var v=D(b);return new N("Invalid "+y+" `"+O+"` of type "+("`"+v+"` supplied to `"+h+"`, expected a single ReactElement."))}return null}return $(t)}function l(){function t(u,T,h,y,O){var b=u[T];if(!r.isValidElementType(b)){var v=D(b);return new N("Invalid "+y+" `"+O+"` of type "+("`"+v+"` supplied to `"+h+"`, expected a single ReactElement type."))}return null}return $(t)}function L(t){function u(T,h,y,O,b){if(!(T[h]instanceof t)){var v=t.name||q,S=ye(T[h]);return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected ")+("instance of `"+v+"`."))}return null}return $(u)}function ie(t){if(!Array.isArray(t))return process.env.NODE_ENV!=="production"&&(arguments.length>1?a("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):a("Invalid argument supplied to oneOf, expected an array.")),d;function u(T,h,y,O,b){for(var v=T[h],S=0;S<t.length;S++)if(k(v,t[S]))return null;var x=JSON.stringify(t,function(F,f){var W=B(f);return W==="symbol"?String(f):f});return new N("Invalid "+O+" `"+b+"` of value `"+String(v)+"` "+("supplied to `"+y+"`, expected one of "+x+"."))}return $(u)}function le(t){function u(T,h,y,O,b){if(typeof t!="function")return new N("Property `"+b+"` of component `"+y+"` has invalid PropType notation inside objectOf.");var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected an object."));for(var x in v)if(s(v,x)){var P=t(v,x,y,O,b+"."+x,o);if(P instanceof Error)return P}return null}return $(u)}function ce(t){if(!Array.isArray(t))return process.env.NODE_ENV!=="production"&&a("Invalid argument supplied to oneOfType, expected an instance of array."),d;for(var u=0;u<t.length;u++){var T=t[u];if(typeof T!="function")return a("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+K(T)+" at index "+u+"."),d}function h(y,O,b,v,S){for(var x=[],P=0;P<t.length;P++){var F=t[P],f=F(y,O,b,v,S,o);if(f==null)return null;f.data&&s(f.data,"expectedType")&&x.push(f.data.expectedType)}var W=x.length>0?", expected one of type ["+x.join(", ")+"]":"";return new N("Invalid "+v+" `"+S+"` supplied to "+("`"+b+"`"+W+"."))}return $(h)}function fe(){function t(u,T,h,y,O){return U(u[T])?null:new N("Invalid "+y+" `"+O+"` supplied to "+("`"+h+"`, expected a ReactNode."))}return $(t)}function G(t,u,T,h,y){return new N((t||"React class")+": "+u+" type `"+T+"."+h+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+y+"`.")}function ue(t){function u(T,h,y,O,b){var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type `"+S+"` "+("supplied to `"+y+"`, expected `object`."));for(var x in t){var P=t[x];if(typeof P!="function")return G(y,O,b,x,B(P));var F=P(v,x,y,O,b+"."+x,o);if(F)return F}return null}return $(u)}function pe(t){function u(T,h,y,O,b){var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type `"+S+"` "+("supplied to `"+y+"`, expected `object`."));var x=c({},T[h],t);for(var P in x){var F=t[P];if(s(t,P)&&typeof F!="function")return G(y,O,b,P,B(F));if(!F)return new N("Invalid "+O+" `"+b+"` key `"+P+"` supplied to `"+y+"`.\nBad object: "+JSON.stringify(T[h],null," ")+`
|
|
24
|
+
Valid keys: `+JSON.stringify(Object.keys(t),null," "));var f=F(v,P,y,O,b+"."+P,o);if(f)return f}return null}return $(u)}function U(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(U);if(t===null||p(t))return!0;var u=E(t);if(u){var T=u.call(t),h;if(u!==t.entries){for(;!(h=T.next()).done;)if(!U(h.value))return!1}else for(;!(h=T.next()).done;){var y=h.value;if(y&&!U(y[1]))return!1}}else return!1;return!0;default:return!1}}function de(t,u){return t==="symbol"?!0:u?u["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&u instanceof Symbol:!1}function D(t){var u=typeof t;return Array.isArray(t)?"array":t instanceof RegExp?"object":de(u,t)?"symbol":u}function B(t){if(typeof t>"u"||t===null)return""+t;var u=D(t);if(u==="object"){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return u}function K(t){var u=B(t);switch(u){case"array":case"object":return"an "+u;case"boolean":case"date":case"regexp":return"a "+u;default:return u}}function ye(t){return!t.constructor||!t.constructor.name?q:t.constructor.name}return I.checkPropTypes=i,I.resetWarningCache=i.resetWarningCache,I.PropTypes=I,I},se}var oe,we;function Qe(){if(we)return oe;we=1;var r=te();function c(){}function o(){}return o.resetWarningCache=c,oe=function(){function s(d,p,g,_,m,E){if(E!==r){var q=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw q.name="Invariant Violation",q}}s.isRequired=s;function i(){return s}var a={array:s,bigint:s,bool:s,func:s,number:s,object:s,string:s,symbol:s,any:s,arrayOf:i,element:s,elementType:s,instanceOf:i,node:s,objectOf:i,oneOf:i,oneOfType:i,shape:i,exact:i,checkPropTypes:o,resetWarningCache:c};return a.PropTypes=a,a},oe}var xe;function er(){if(xe)return H.exports;if(xe=1,process.env.NODE_ENV!=="production"){var r=Te(),c=!0;H.exports=Ze()(r.isElement,c)}else H.exports=Qe()();return H.exports}var rr=er();const e=be(rr),Ne=({content:r,title:c,className:o,id:s="accordion"})=>{const i=M("rpf-accordion",o);return n.jsxs("details",{className:i,id:`${s}`,children:[n.jsxs("summary",{className:"rpf-accordion__title",role:"button",children:[c,n.jsx("span",{className:"rpf-accordion__icon"})]}),n.jsx("p",{className:"rpf-accordion__text",children:r})]})};Ne.propTypes={content:e.string.isRequired,title:e.string.isRequired,id:e.string,className:e.string};const X=({text:r,href:c,title:o,className:s,type:i="primary",variant:a="",size:d="default",icon:p="",iconOnly:g=!1,iconPosition:_="left",fullWidth:m=!1,disabled:E=!1,onClick:q=()=>{},"aria-label":I="",linkComponent:k})=>{const N=p&&g,$=M("rpf-button",{[`rpf-button--${i}`]:i,"rpf-button--danger":a==="danger","rpf-button--sm":d==="small","rpf-button--icon-only":N,"rpf-button--full-width":m,disabled:E},s);let Y="rpf-button__icon";Ue.isValidElement(p)?(Y+=" icon",console.warn("DEPRECATED: icons as React elements will not be supported in future releases")):Y+=" material-symbols-sharp";const z=l=>p&&_===l&&n.jsx("span",{className:Y,children:p}),R=()=>r&&!N&&n.jsx("span",{className:"text",children:r}),j=n.jsxs(n.Fragment,{children:[z("left"),R(),z("right")]});if(c){const l=k||"a",L=k?{to:c}:{href:c,role:"button"};return n.jsx(l,{className:$,...L,onClick:q,"aria-label":I,children:j})}return n.jsx("button",{className:$,title:o,onClick:q,disabled:E,"aria-label":I,children:j})};X.propTypes={type:e.string,className:e.string,disabled:e.bool,icon:e.oneOfType([e.string,e.element]),href:e.string,onClick:e.func,text:e.string,iconOnly:e.bool,title:e.string,iconPosition:e.oneOf(["left","right"]),size:e.oneOf(["default","small"]),"aria-label":e.string,fullWidth:e.bool,variant:e.string,linkComponent:e.elementType};const Ae=({title:r,text:c,children:o,type:s,actions:i,onClose:a})=>n.jsxs("div",{className:`rpf-alert rpf-alert--${s}`,children:[n.jsxs("div",{className:"rpf-alert__header",children:[n.jsx("span",{className:"rpf-alert__icon material-symbols-sharp"}),n.jsx("p",{className:"rpf-alert__title",children:r}),!!a&&n.jsx("div",{className:"rpf-alert__close",children:n.jsx(X,{type:"tertiary",icon:"close",size:"small",iconOnly:!0,onClick:a})})]}),(c||o||i)&&n.jsxs("div",{className:"rpf-alert__body",children:[!o&&c&&n.jsx("p",{children:c}),o&&n.jsx("div",{children:o}),i&&i.length>0&&n.jsx("div",{className:"rpf-alert__actions",children:i.map(d=>n.jsx(X,{text:d.label,size:"small",type:"tertiary",href:d.href,onClick:d.onClick},d.key||d.label))})]})]});Ae.propTypes={title:e.string,text:e.string,type:e.oneOf(["error","warning","information","success"]),actions:e.arrayOf(e.shape({href:e.string,label:e.string,onClick:e.func})),children:e.node,onClose:e.func};const qe=({id:r,label:c,name:o,checked:s=!1,disabled:i=!1,error:a="",onChange:d=()=>{},value:p="",className:g=""})=>n.jsxs(n.Fragment,{children:[n.jsxs("label",{className:M("rpf-input-checkbox",{"rpf-input-checkbox--error":a,className:g}),children:[n.jsx("input",{checked:!!s,disabled:i,id:r,name:o,onChange:d,type:"checkbox",value:p}),c]}),a&&n.jsxs("div",{className:"rpf-error-message",children:[n.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),a]})]});qe.propTypes={checked:e.bool,disabled:e.bool,error:e.string,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string,className:e.string};const Ie=({disabled:r=!1,errorText:c="",fullWidth:o=!1,legendText:s,legendHintText:i="",children:a})=>n.jsxs("fieldset",{className:M("rpf-fieldset",{"rpf-fieldset--disabled":r,"rpf-fieldset--full-width":o,"rpf-fieldset--error":c}),disabled:r,children:[n.jsxs("legend",{className:"rpf-label",children:[s,i.length>0?n.jsx("small",{className:"rpf-label__hint",children:i}):null]}),n.jsx("div",{className:"rpf-fieldset__inputs",children:a}),c.length>0?n.jsxs("div",{className:"rpf-error-message",children:[n.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),c]}):null]});Ie.propTypes={disabled:e.bool,errorText:e.string,fullWidth:e.bool,legendText:e.string.isRequired,legendHintText:e.string,children:e.node};const V=({id:r,label:c,children:o,disabled:s=!1,error:i="",hint:a=""})=>n.jsxs("div",{className:"rpf-input-field",children:[(c||a)&&n.jsxs("label",{htmlFor:r,className:M("rpf-label",{"rpf-label--disabled":s}),children:[c,n.jsx("small",{className:"rpf-label__hint",children:a})]}),o,i&&n.jsxs("div",{className:"rpf-error-message",children:[n.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),i]})]});V.propTypes={disabled:e.bool,error:e.string,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,children:e.node};const je=({label:r,inputFieldId:c,disabled:o=!1,hint:s=""})=>n.jsx("div",{className:"rpf-label",children:n.jsxs("label",{htmlFor:c,className:M("rpf-label",{"rpf-label--disabled":o}),children:[r,s&&n.jsx("div",{className:"rpf-label__hint",children:s})]})});je.propTypes={disabled:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,inputFieldId:e.string.isRequired};const $e=({text:r="",percent:c,complete:o=!1,className:s})=>n.jsx("div",{className:M("rpf-progress-bar",{"rpf-progress-bar--complete":o,className:s}),children:n.jsxs("label",{className:"rpf-progress-bar__label",children:[n.jsx("span",{children:r}),n.jsx("progress",{className:"rpf-progress-bar__bar",value:c,max:"100",children:`${c}%`})]})});$e.propTypes={text:e.string,percent:e.number.isRequired,complete:e.bool,className:e.string};const Re=({id:r,label:c,name:o,checked:s=!1,disabled:i=!1,fullWidth:a=!1,onChange:d=()=>{},value:p=""})=>n.jsx(n.Fragment,{children:n.jsxs("label",{className:M("rpf-input-radio",{"rpf-input-radio--disabled":i,"rpf-input--full-width":a}),children:[n.jsx("input",{checked:!!s,disabled:i,id:r,name:o,onChange:d,type:"radio",value:p}),c]})});Re.propTypes={checked:e.bool,disabled:e.bool,fullWidth:e.bool,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string};const Me=({label:r,inputFieldId:c,disabled:o=!1,error:s="",hint:i="",placeholder:a="",defaultValue:d="",onClick:p=()=>{},onChange:g=_=>{}})=>n.jsx("search",{children:n.jsxs("form",{className:"rpf-input-field",onSubmit:p,children:[n.jsxs("label",{htmlFor:c,className:M("rpf-label",{"rpf-label--disabled":o}),children:[r,i&&n.jsx("small",{className:"rpf-label__hint",children:i})]}),n.jsxs("div",{className:"rpf-input-search-container",children:[n.jsx("input",{className:M("rpf-input rpf-input-search",{"rpf-input--disabled":o,"rpf-input--error":s}),disabled:o,id:c,name:"search",type:"search","aria-label":"Search",defaultValue:d,placeholder:a,onChange:g}),n.jsx("button",{type:"submit",className:M("rpf-button rpf-button-search",{"rpf-button--disabled":o,"rpf-button--error":s}),disabled:o,onClick:p,children:n.jsx("span",{className:"rpf-button__icon material-symbols-sharp",children:"search"})})]}),s&&n.jsxs("div",{className:"rpf-error-message",children:[n.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"info"}),s]})]})});Me.propTypes={disabled:e.bool,error:e.string,hint:e.string,inputFieldId:e.string.isRequired,label:e.string.isRequired,onClick:e.func,onChange:e.func,placeholder:e.string,defaultValue:e.string};const ke=({id:r,label:c,name:o,options:s,disabled:i=!1,error:a="",fullWidth:d=!1,hint:p="",onChange:g=()=>{},placeholder:_="",value:m=""})=>n.jsx(V,{id:r,disabled:i,error:a,hint:p,label:c,children:n.jsxs("select",{className:M("rpf-input rpf-input-select",{"rpf-input--error":a,"rpf-input--full-width":d}),disabled:i,id:r,name:o,onChange:g,type:"text",value:m,children:[!m&&!!_&&n.jsx("option",{value:"",disabled:!0,children:_}),s.map(E=>n.jsx("option",{value:E.key,children:E.value},E.key))]})});ke.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,options:e.array.isRequired,placeholder:e.string,value:e.string};const Ye=({headerRow:r,bodyRows:c,fullWidth:o})=>n.jsx("div",{"data-testid":"table-container",className:M("rpf-table",{"rpf-table--full-width":o}),children:n.jsxs("table",{className:M("rpf-table__table",{"rpf-table__table--full-width":o}),children:[n.jsx("thead",{children:n.jsx("tr",{className:"rpf-table-row",children:r})}),n.jsx("tbody",{children:c.map((s,i)=>n.jsx("tr",{className:"rpf-table-row",children:s},i))})]})});Ye.propTypes={headerRow:e.node.isRequired,bodyRows:e.arrayOf(e.node).isRequired,fullWidth:e.bool};const Fe=({children:r})=>n.jsx("td",{className:"rpf-table-cell rpf-table-cell--body",children:n.jsx("div",{className:"rpf-table-cell__content",children:r})});Fe.propTypes={children:e.node};const De=({sortDirection:r,children:c})=>{if(r!==void 0){const s=r==="up"?"arrow_drop_up":"arrow_drop_down";c=n.jsxs("div",{className:"rpf-table-cell__sort-header",children:[c,n.jsx("span",{className:"material-symbols-sharp",children:s})]})}const o=r!==void 0?"rpf-table-cell--sortable-header":"rpf-table-cell--header";return n.jsx("th",{className:`rpf-table-cell ${o}`,children:n.jsx("div",{className:"rpf-table-cell__content",children:c})})};De.propTypes={sortDirection:e.oneOf(["up","down"]),children:e.node};const We=({text:r,variant:c,secondary:o,icon:s,iconPosition:i})=>(s&&(s=n.jsx("span",{className:"rpf-tag__icon material-symbols-sharp",children:s})),s&&!i&&(i="left"),c&&c!=="default"?c=`rpf-tag--${c}`:c=null,n.jsxs("span",{className:M("rpf-tag",c,{"rpf-tag--secondary":o}),children:[i==="left"&&s,r,i==="right"&&s]}));We.propTypes={text:e.string.isRequired,variant:e.oneOf(["default","information","success","warning","error"]),secondary:e.bool,icon:e.string,iconPosition:e.oneOf(["left","right"])};const Le=({id:r,label:c,name:o,value:s,disabled:i=!1,readOnly:a=!1,error:d="",fullWidth:p=!1,hint:g="",onChange:_=()=>{}})=>n.jsx(V,{id:r,disabled:i,error:d,hint:g,label:c,children:n.jsx("textarea",{className:M("rpf-input rpf-input-textarea",{"rpf-input--error":d,"rpf-input--full-width":p,"rpf-input--disabled":i}),disabled:i,readOnly:a,id:r,name:o,onChange:_,type:"text",value:s})});Le.propTypes={disabled:e.bool,readOnly:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired};const ze=({id:r,label:c,name:o,value:s,disabled:i=!1,error:a="",fullWidth:d=!1,hint:p="",onChange:g=()=>{}})=>n.jsx(V,{id:r,disabled:i,error:a,hint:p,label:c,children:n.jsx("input",{className:M("rpf-input rpf-input-text",{"rpf-input--error":a,"rpf-input--full-width":d}),disabled:i,id:r,name:o,onChange:g,type:"text",value:s})});ze.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired},A.Accordion=Ne,A.Alert=Ae,A.Button=X,A.CheckboxInput=qe,A.Fieldset=Ie,A.InputField=V,A.InputLabel=je,A.ProgressBar=$e,A.RadioInput=Re,A.SearchInput=Me,A.SelectInput=ke,A.Table=Ye,A.TableBodyCell=Fe,A.TableHeaderCell=De,A.Tag=We,A.TextInput=ze,A.TextareaInput=Le,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
--rpf-alert-error-accent-color: var(--rpf-alert-error);
|
|
24
24
|
--rpf-alert-error-icon: 'error_outline';
|
|
25
25
|
|
|
26
|
-
--rpf-alert-warning-background-color: var(--rpf-alert-warning-
|
|
26
|
+
--rpf-alert-warning-background-color: var(--rpf-alert-warning-highlight);
|
|
27
27
|
--rpf-alert-warning-accent-color: var(--rpf-alert-warning);
|
|
28
28
|
--rpf-alert-warning-icon: 'warning_amber';
|
|
29
29
|
|
|
@@ -22,7 +22,10 @@
|
|
|
22
22
|
|
|
23
23
|
.rpf-button {
|
|
24
24
|
flex-shrink: 0;
|
|
25
|
-
border-radius:
|
|
25
|
+
border-end-end-radius: var(--border-radius);
|
|
26
|
+
border-end-start-radius: 0;
|
|
27
|
+
border-start-end-radius: var(--border-radius);
|
|
28
|
+
border-start-start-radius: 0;
|
|
26
29
|
box-sizing: border-box;
|
|
27
30
|
justify-content: center;
|
|
28
31
|
max-width: var(--space-6);
|
|
@@ -30,7 +33,10 @@
|
|
|
30
33
|
// Override default rpf-button border styles
|
|
31
34
|
&::before {
|
|
32
35
|
border: var(--input-border-width) solid var(--rpf-input-color);
|
|
33
|
-
border-radius:
|
|
36
|
+
border-end-end-radius: var(--border-radius);
|
|
37
|
+
border-end-start-radius: 0;
|
|
38
|
+
border-start-end-radius: var(--border-radius);
|
|
39
|
+
border-start-start-radius: 0;
|
|
34
40
|
}
|
|
35
41
|
|
|
36
42
|
// Override default rpf-button disabled styles
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@raspberrypifoundation/design-system-react",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/design-system-react.umd.cjs",
|
|
6
6
|
"module": "./dist/design-system-react.js",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"test:update-snapshots": "vitest --update"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@raspberrypifoundation/design-system-core": "^2.3.
|
|
35
|
+
"@raspberrypifoundation/design-system-core": "^2.3.1",
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
37
|
"react": "^18.3.1",
|
|
38
38
|
"react-dom": "^18.3.1",
|