@stenajs-webui/forms 23.12.7 → 23.12.8

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.
Files changed (3) hide show
  1. package/dist/index.es.js +44 -44
  2. package/dist/index.js +2 -2
  3. package/package.json +6 -6
package/dist/index.es.js CHANGED
@@ -1,5 +1,5 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._readOnlyInput_7bzmw_1{background-color:transparent;line-height:var(--swui-line-height);text-align:center;-moz-appearance:textfield;margin:0;padding:0;color:var(--swui-text-primary-color);font-size:var(--swui-font-size-medium);width:60px;font-weight:var(--swui-font-weight-text-bold);font-family:var(--swui-font-primary);border:none;outline:none}._readOnlyInput_7bzmw_1::-webkit-inner-spin-button,._readOnlyInput_7bzmw_1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_1t23r_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_1t23r_1._standard_1t23r_40{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1t23r_1._standard_1t23r_40:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1t23r_1._small_1t23r_52{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1t23r_1._small_1t23r_52:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1t23r_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1t23r_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1t23r_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1t23r_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1t23r_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1t23r_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1t23r_1:indeterminate._standard_1t23r_40:after{top:4px;left:8px}._checkbox_1t23r_1:indeterminate._small_1t23r_52:after{top:0;left:4px}._checkbox_1t23r_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1t23r_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1t23r_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_a19yk_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_a19yk_1._standard_a19yk_46{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_a19yk_1._standard_a19yk_46:after{left:7px;top:7px}._radiobutton_a19yk_1._small_a19yk_56{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_a19yk_1._small_a19yk_56:after{left:3px;top:3px}._radiobutton_a19yk_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_a19yk_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_a19yk_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_a19yk_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_a19yk_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_a19yk_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_a19yk_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_a19yk_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_a19yk_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_yl38n_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_yl38n_1._medium_yl38n_14{padding:0 var(--swui-metrics-space);height:42px}._radioButtonBox_yl38n_1._large_yl38n_19{height:48px;padding:0 calc(var(--swui-metrics-space) * 2)}._radioButtonBox_yl38n_1:hover{border-color:var(--hav)}._radioButtonBox_yl38n_1._danger_yl38n_28{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_yl38n_1._danger_yl38n_28:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_yl38n_39{width:100%}}._textInput_1qe61_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20{border-top-left-radius:0;border-top-right-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37{border-top-left-radius:0;border-bottom-left-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1:focus-within:not(._disabled_1qe61_15){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1qe61_1 ._input_1qe61_50{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1qe61_1 ._input_1qe61_50:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1qe61_1 ._input_1qe61_50::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1qe61_1 ._input_1qe61_50:not(._alwaysShowPlaceholder_1qe61_74):focus::placeholder{opacity:0}._textInput_1qe61_1 ._input_1qe61_50::-webkit-calendar-picker-indicator{display:none}._textInput_1qe61_1 ._icon_1qe61_85{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1qe61_1._standard_1qe61_95:hover:not(:focus-within):not(._disabled_1qe61_15),._textInput_1qe61_1._success_1qe61_96:hover:not(:focus-within):not(._disabled_1qe61_15){border-color:var(--swui-field-border-color-hover)}._textInput_1qe61_1._success_1qe61_96 ._icon_1qe61_85{color:var(--swui-state-success-color)}._textInput_1qe61_1._loading_1qe61_108{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1qe61_1._modified_1qe61_113{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1qe61_1._modified_1qe61_113 ._icon_1qe61_85{color:var(--lhds-color-blue-300)}._textInput_1qe61_1._error_1qe61_122{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1qe61_1._error_1qe61_122 ._icon_1qe61_85{color:var(--swui-state-error-light-color)}._textInput_1qe61_1._warning_1qe61_131{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._warning_1qe61_131 ._icon_1qe61_85{color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._disabled_1qe61_15{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1qe61_1._textInput_1qe61_1._hideBorder_1qe61_145{border:none;box-shadow:none;background:none;outline:none}._textInput_1qe61_1 ._clickable_1qe61_152:hover{cursor:pointer}._textInput_1qe61_1 ._clickable_1qe61_152:hover ._icon_1qe61_85{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_vs9pj_1{border:1px solid var(--swui-field-border-color);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_vs9pj_1._medium_vs9pj_7{border-radius:var(--swui-border-radius)}._labelledSelect_vs9pj_1._large_vs9pj_11{border-radius:var(--swui-border-radius-large)}._labelledSelect_vs9pj_1._error_vs9pj_15{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_vs9pj_1._normal_vs9pj_20{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1._onlyTopBorder_vs9pj_25{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_vs9pj_1._onlyBottomBorder_vs9pj_31{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_vs9pj_1._onlyLeftBorder_vs9pj_36{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}._labelledSelect_vs9pj_1._onlyRightBorder_vs9pj_42{border-top-left-radius:0;border-bottom-left-radius:0}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_vs9pj_1 ._label_vs9pj_1{display:flex;cursor:pointer;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0}._labelledSelect_vs9pj_1 ._select_vs9pj_65{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;appearance:none;border:none;outline:none;line-height:1.5;box-sizing:border-box;cursor:pointer}._labelledSelect_vs9pj_1 ._select_vs9pj_65._error_vs9pj_15{background-color:var(--snackskal)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._normal_vs9pj_20{background-color:var(--moln)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._medium_vs9pj_7{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * .5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._large_vs9pj_11{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1.5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_vs9pj_1 ._iconWrapper_vs9pj_99{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_1uyc3_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_1uyc3_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyTop_1uyc3_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyBottom_1uyc3_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyLeft_1uyc3_32{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyRight_1uyc3_38{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_1uyc3_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_1uyc3_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53{background-color:var(--silver-lighter)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53 input{color:var(--silver)}._labelledTextInput_1uyc3_1._medium_1uyc3_61:focus-within{outline-width:2px}._labelledTextInput_1uyc3_1._medium_1uyc3_61 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * .5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_1uyc3_1._large_1uyc3_73{border-radius:var(--swui-border-radius-large)}._labelledTextInput_1uyc3_1._large_1uyc3_73:focus-within{outline-width:3px}._labelledTextInput_1uyc3_1._large_1uyc3_73 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_1uyc3_1._error_1uyc3_87{border-color:var(--swui-state-error-light-color);background-color:var(--swui-state-error-light-color)}._labelledTextInput_1uyc3_1._error_1uyc3_87:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_1uyc3_1 label{display:flex;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0;cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { jsx as o, jsxs as y, Fragment as N } from "react/jsx-runtime";
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._readOnlyInput_7bzmw_1{background-color:transparent;line-height:var(--swui-line-height);text-align:center;-moz-appearance:textfield;margin:0;padding:0;color:var(--swui-text-primary-color);font-size:var(--swui-font-size-medium);width:60px;font-weight:var(--swui-font-weight-text-bold);font-family:var(--swui-font-primary);border:none;outline:none}._readOnlyInput_7bzmw_1::-webkit-inner-spin-button,._readOnlyInput_7bzmw_1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_173af_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_173af_1._standard_173af_40{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_173af_1._standard_173af_40:after{width:3px;height:6px;left:9px;top:6px}._checkbox_173af_1._small_173af_52{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_173af_1._small_173af_52:after{width:3px;height:6px;left:5px;top:2px}._checkbox_173af_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_173af_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_173af_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_173af_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_173af_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_173af_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_173af_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_173af_1:disabled{cursor:not-allowed}._checkbox_173af_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_173af_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_173af_1:indeterminate._standard_173af_40:after{top:4px;left:8px}._checkbox_173af_1:indeterminate._small_173af_52:after{top:0;left:4px}._checkbox_173af_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_173af_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_173af_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_173af_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_a19yk_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_a19yk_1._standard_a19yk_46{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_a19yk_1._standard_a19yk_46:after{left:7px;top:7px}._radiobutton_a19yk_1._small_a19yk_56{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_a19yk_1._small_a19yk_56:after{left:3px;top:3px}._radiobutton_a19yk_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_a19yk_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_a19yk_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_a19yk_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_a19yk_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_a19yk_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_a19yk_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_a19yk_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_a19yk_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_yl38n_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_yl38n_1._medium_yl38n_14{padding:0 var(--swui-metrics-space);height:42px}._radioButtonBox_yl38n_1._large_yl38n_19{height:48px;padding:0 calc(var(--swui-metrics-space) * 2)}._radioButtonBox_yl38n_1:hover{border-color:var(--hav)}._radioButtonBox_yl38n_1._danger_yl38n_28{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_yl38n_1._danger_yl38n_28:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_yl38n_39{width:100%}}._textInput_1qe61_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20{border-top-left-radius:0;border-top-right-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37{border-top-left-radius:0;border-bottom-left-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1:focus-within:not(._disabled_1qe61_15){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1qe61_1 ._input_1qe61_50{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1qe61_1 ._input_1qe61_50:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1qe61_1 ._input_1qe61_50::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1qe61_1 ._input_1qe61_50:not(._alwaysShowPlaceholder_1qe61_74):focus::placeholder{opacity:0}._textInput_1qe61_1 ._input_1qe61_50::-webkit-calendar-picker-indicator{display:none}._textInput_1qe61_1 ._icon_1qe61_85{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1qe61_1._standard_1qe61_95:hover:not(:focus-within):not(._disabled_1qe61_15),._textInput_1qe61_1._success_1qe61_96:hover:not(:focus-within):not(._disabled_1qe61_15){border-color:var(--swui-field-border-color-hover)}._textInput_1qe61_1._success_1qe61_96 ._icon_1qe61_85{color:var(--swui-state-success-color)}._textInput_1qe61_1._loading_1qe61_108{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1qe61_1._modified_1qe61_113{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1qe61_1._modified_1qe61_113 ._icon_1qe61_85{color:var(--lhds-color-blue-300)}._textInput_1qe61_1._error_1qe61_122{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1qe61_1._error_1qe61_122 ._icon_1qe61_85{color:var(--swui-state-error-light-color)}._textInput_1qe61_1._warning_1qe61_131{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._warning_1qe61_131 ._icon_1qe61_85{color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._disabled_1qe61_15{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1qe61_1._textInput_1qe61_1._hideBorder_1qe61_145{border:none;box-shadow:none;background:none;outline:none}._textInput_1qe61_1 ._clickable_1qe61_152:hover{cursor:pointer}._textInput_1qe61_1 ._clickable_1qe61_152:hover ._icon_1qe61_85{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_vs9pj_1{border:1px solid var(--swui-field-border-color);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_vs9pj_1._medium_vs9pj_7{border-radius:var(--swui-border-radius)}._labelledSelect_vs9pj_1._large_vs9pj_11{border-radius:var(--swui-border-radius-large)}._labelledSelect_vs9pj_1._error_vs9pj_15{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_vs9pj_1._normal_vs9pj_20{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1._onlyTopBorder_vs9pj_25{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_vs9pj_1._onlyBottomBorder_vs9pj_31{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_vs9pj_1._onlyLeftBorder_vs9pj_36{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}._labelledSelect_vs9pj_1._onlyRightBorder_vs9pj_42{border-top-left-radius:0;border-bottom-left-radius:0}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_vs9pj_1 ._label_vs9pj_1{display:flex;cursor:pointer;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0}._labelledSelect_vs9pj_1 ._select_vs9pj_65{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;appearance:none;border:none;outline:none;line-height:1.5;box-sizing:border-box;cursor:pointer}._labelledSelect_vs9pj_1 ._select_vs9pj_65._error_vs9pj_15{background-color:var(--snackskal)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._normal_vs9pj_20{background-color:var(--moln)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._medium_vs9pj_7{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * .5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._large_vs9pj_11{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1.5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_vs9pj_1 ._iconWrapper_vs9pj_99{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_1uyc3_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_1uyc3_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyTop_1uyc3_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyBottom_1uyc3_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyLeft_1uyc3_32{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyRight_1uyc3_38{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_1uyc3_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_1uyc3_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53{background-color:var(--silver-lighter)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53 input{color:var(--silver)}._labelledTextInput_1uyc3_1._medium_1uyc3_61:focus-within{outline-width:2px}._labelledTextInput_1uyc3_1._medium_1uyc3_61 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * .5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_1uyc3_1._large_1uyc3_73{border-radius:var(--swui-border-radius-large)}._labelledTextInput_1uyc3_1._large_1uyc3_73:focus-within{outline-width:3px}._labelledTextInput_1uyc3_1._large_1uyc3_73 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_1uyc3_1._error_1uyc3_87{border-color:var(--swui-state-error-light-color);background-color:var(--swui-state-error-light-color)}._labelledTextInput_1uyc3_1._error_1uyc3_87:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_1uyc3_1 label{display:flex;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0;cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ import { jsx as o, jsxs as f, Fragment as N } from "react/jsx-runtime";
3
3
  import { Row as k, Box as xt, Space as g, ScreenReaderOnlyText as C, Text as j, parseFloatElseUndefined as q, getDataProps as kt, useTimeoutState as Tt } from "@stenajs-webui/core";
4
4
  import * as St from "react";
5
5
  import { useCallback as m, forwardRef as W, useRef as D, useEffect as K, useMemo as Rt, useState as Nt, useId as z } from "react";
@@ -41,12 +41,12 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
41
41
  onDecrease: u,
42
42
  size: p
43
43
  }) => {
44
- const f = m(() => {
44
+ const y = m(() => {
45
45
  d?.(), e?.(t + 1);
46
46
  }, [d, e, t]), B = m(() => {
47
47
  u?.(), e?.(t - 1);
48
48
  }, [u, e, t]);
49
- return /* @__PURE__ */ y(k, { alignItems: "center", children: [
49
+ return /* @__PURE__ */ f(k, { alignItems: "center", children: [
50
50
  /* @__PURE__ */ o(
51
51
  M,
52
52
  {
@@ -77,7 +77,7 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
77
77
  "aria-label": a,
78
78
  "data-testid": _ ?? "increase",
79
79
  disabled: l,
80
- onClick: f
80
+ onClick: y
81
81
  }
82
82
  )
83
83
  ] });
@@ -93,7 +93,7 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
93
93
  className: r,
94
94
  wrapperRef: l,
95
95
  ...c
96
- }) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */ y(
96
+ }) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */ f(
97
97
  "button",
98
98
  {
99
99
  type: "button",
@@ -115,7 +115,7 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
115
115
  wrapperRef: r,
116
116
  screenReaderLabel: l,
117
117
  ...c
118
- }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ y(xt, { row: !0, alignItems: "center", children: [
118
+ }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ f(xt, { row: !0, alignItems: "center", children: [
119
119
  /* @__PURE__ */ o(Ot, { disabled: e, ...c }),
120
120
  /* @__PURE__ */ o(g, {}),
121
121
  l ? /* @__PURE__ */ o(C, { children: l }) : null,
@@ -128,7 +128,7 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
128
128
  children: t
129
129
  }
130
130
  )
131
- ] }) }) }), Ut = "_checkbox_1t23r_1", Kt = "_standard_1t23r_40", zt = "_small_1t23r_52", O = {
131
+ ] }) }) }), Ut = "_checkbox_173af_1", Kt = "_standard_173af_40", zt = "_small_173af_52", O = {
132
132
  checkbox: Ut,
133
133
  standard: Kt,
134
134
  small: zt
@@ -172,7 +172,7 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
172
172
  textColor: l,
173
173
  screenReaderLabel: c,
174
174
  ...i
175
- }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ y(k, { alignItems: "center", children: [
175
+ }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ f(k, { alignItems: "center", children: [
176
176
  /* @__PURE__ */ o(Gt, { ...i, ref: n }),
177
177
  /* @__PURE__ */ o(g, {}),
178
178
  c ? /* @__PURE__ */ o(C, { children: c }) : null,
@@ -247,8 +247,8 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
247
247
  l
248
248
  ),
249
249
  style: a,
250
- children: /* @__PURE__ */ y(k, { justifyContent: "space-between", flexGrow: 1, children: [
251
- /* @__PURE__ */ y(k, { alignItems: "center", children: [
250
+ children: /* @__PURE__ */ f(k, { justifyContent: "space-between", flexGrow: 1, children: [
251
+ /* @__PURE__ */ f(k, { alignItems: "center", children: [
252
252
  /* @__PURE__ */ o(
253
253
  V,
254
254
  {
@@ -261,7 +261,7 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
261
261
  e ? /* @__PURE__ */ o(C, { children: e }) : null,
262
262
  /* @__PURE__ */ o(j, { color: d, "aria-hidden": !!e, children: t })
263
263
  ] }),
264
- /* @__PURE__ */ y(
264
+ /* @__PURE__ */ f(
265
265
  k,
266
266
  {
267
267
  alignItems: "center",
@@ -283,7 +283,7 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
283
283
  textColor: r,
284
284
  screenReaderLabel: l,
285
285
  ...c
286
- }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ y(k, { alignItems: "center", children: [
286
+ }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ f(k, { alignItems: "center", children: [
287
287
  /* @__PURE__ */ o(V, { ref: e, ...c }),
288
288
  /* @__PURE__ */ o(g, {}),
289
289
  l ? /* @__PURE__ */ o(C, { children: l }) : null,
@@ -311,10 +311,10 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
311
311
  else if (p === "Escape")
312
312
  s.current = !0, r?.(), u.preventDefault(), u.stopPropagation();
313
313
  else if (l) {
314
- const f = (B, w) => {
314
+ const y = (B, w) => {
315
315
  s.current = !0, t.current.blur(), l(B), w.preventDefault(), w.stopPropagation();
316
316
  };
317
- u.shiftKey && p === "Tab" ? f("left", u) : p === "Tab" ? f("right", u) : p === "ArrowUp" ? f("up", u) : p === "ArrowDown" ? f("down", u) : p === "ArrowRight" ? t.current.value.length === t.current.selectionStart && f("right", u) : p === "ArrowLeft" && t.current.selectionStart === 0 && f("left", u);
317
+ u.shiftKey && p === "Tab" ? y("left", u) : p === "Tab" ? y("right", u) : p === "ArrowUp" ? y("up", u) : p === "ArrowDown" ? y("down", u) : p === "ArrowRight" ? t.current.value.length === t.current.selectionStart && y("right", u) : p === "ArrowLeft" && t.current.selectionStart === 0 && y("left", u);
318
318
  }
319
319
  e && e(u);
320
320
  },
@@ -349,7 +349,7 @@ const re = (t, e, n) => {
349
349
  autoFocus: u
350
350
  }) => {
351
351
  re(t, !!i, !!c);
352
- const { onKeyDownHandler: p, onFocusHandler: f, onBlurHandler: B } = ne(
352
+ const { onKeyDownHandler: p, onFocusHandler: y, onBlurHandler: B } = ne(
353
353
  t,
354
354
  d,
355
355
  e,
@@ -367,11 +367,11 @@ const re = (t, e, n) => {
367
367
  return {
368
368
  onBlur: B,
369
369
  onChange: w,
370
- onFocus: f,
370
+ onFocus: y,
371
371
  onKeyDown: p,
372
372
  autoFocus: c || u
373
373
  };
374
- }, ce = "_textInput_1qe61_1", se = "_onlyTop_1qe61_11", ie = "_disabled_1qe61_15", ae = "_onlyBottom_1qe61_20", de = "_onlyLeft_1qe61_28", ue = "_onlyRight_1qe61_37", _e = "_input_1qe61_50", pe = "_alwaysShowPlaceholder_1qe61_74", he = "_icon_1qe61_85", ye = "_standard_1qe61_95", fe = "_success_1qe61_96", me = "_loading_1qe61_108", ge = "_modified_1qe61_113", be = "_error_1qe61_122", Be = "_warning_1qe61_131", Ie = "_hideBorder_1qe61_145", we = "_clickable_1qe61_152", I = {
374
+ }, ce = "_textInput_1qe61_1", se = "_onlyTop_1qe61_11", ie = "_disabled_1qe61_15", ae = "_onlyBottom_1qe61_20", de = "_onlyLeft_1qe61_28", ue = "_onlyRight_1qe61_37", _e = "_input_1qe61_50", pe = "_alwaysShowPlaceholder_1qe61_74", he = "_icon_1qe61_85", fe = "_standard_1qe61_95", ye = "_success_1qe61_96", me = "_loading_1qe61_108", ge = "_modified_1qe61_113", be = "_error_1qe61_122", Be = "_warning_1qe61_131", Ie = "_hideBorder_1qe61_145", we = "_clickable_1qe61_152", I = {
375
375
  textInput: ce,
376
376
  onlyTop: se,
377
377
  disabled: ie,
@@ -381,8 +381,8 @@ const re = (t, e, n) => {
381
381
  input: _e,
382
382
  alwaysShowPlaceholder: pe,
383
383
  icon: he,
384
- standard: ye,
385
- success: fe,
384
+ standard: fe,
385
+ success: ye,
386
386
  loading: me,
387
387
  modified: ge,
388
388
  error: be,
@@ -399,15 +399,15 @@ const re = (t, e, n) => {
399
399
  disableContentPadding: i,
400
400
  disableContentPaddingLeft: a,
401
401
  disableContentPaddingRight: s
402
- }) => !r && !e && !t ? null : t ? /* @__PURE__ */ y(N, { children: [
402
+ }) => !r && !e && !t ? null : t ? /* @__PURE__ */ f(N, { children: [
403
403
  l ? /* @__PURE__ */ o(g, { num: 0.25 }) : null,
404
404
  t,
405
405
  c ? /* @__PURE__ */ o(g, { num: 0.25 }) : null
406
- ] }) : r ? /* @__PURE__ */ y(N, { children: [
406
+ ] }) : r ? /* @__PURE__ */ f(N, { children: [
407
407
  l && !(i || a) ? /* @__PURE__ */ o(g, {}) : null,
408
408
  r || null,
409
409
  c && !(i || s) ? /* @__PURE__ */ o(g, {}) : null
410
- ] }) : /* @__PURE__ */ y(N, { children: [
410
+ ] }) : /* @__PURE__ */ f(N, { children: [
411
411
  l ? /* @__PURE__ */ o(g, {}) : null,
412
412
  e && /* @__PURE__ */ o(
413
413
  Pt,
@@ -432,7 +432,7 @@ const re = (t, e, n) => {
432
432
  disableContentPaddingRight: d,
433
433
  iconLeft: u,
434
434
  iconRight: p,
435
- moveCursorToEndOnMount: f,
435
+ moveCursorToEndOnMount: y,
436
436
  selectAllOnMount: B,
437
437
  autoFocus: w,
438
438
  onValueChange: T,
@@ -447,8 +447,8 @@ const re = (t, e, n) => {
447
447
  hideBorder: _t,
448
448
  onFocus: pt,
449
449
  onBlur: ht,
450
- borderRadiusVariant: yt = "normalBorder",
451
- width: ft,
450
+ borderRadiusVariant: ft = "normalBorder",
451
+ width: yt,
452
452
  alwaysShowPlaceholder: mt,
453
453
  ...gt
454
454
  } = t, bt = D(null), L = n ?? bt, Bt = le(L, {
@@ -457,7 +457,7 @@ const re = (t, e, n) => {
457
457
  onChange: dt,
458
458
  onValueChange: T,
459
459
  selectAllOnMount: B,
460
- moveCursorToEndOnMount: f,
460
+ moveCursorToEndOnMount: y,
461
461
  onDone: ct,
462
462
  onMove: at,
463
463
  onFocus: pt,
@@ -465,13 +465,13 @@ const re = (t, e, n) => {
465
465
  onKeyDown: ut,
466
466
  autoFocus: w
467
467
  }), It = e === "success" ? Q : e === "warning" || e === "error" ? Y : p, wt = e === "loading" ? /* @__PURE__ */ o(Z, {}) : s;
468
- return /* @__PURE__ */ y(
468
+ return /* @__PURE__ */ f(
469
469
  "div",
470
470
  {
471
471
  className: b(
472
472
  I.textInput,
473
473
  I[e],
474
- I[yt],
474
+ I[ft],
475
475
  {
476
476
  [I.disabled]: r
477
477
  },
@@ -480,7 +480,7 @@ const re = (t, e, n) => {
480
480
  },
481
481
  rt
482
482
  ),
483
- style: { width: ft, ...lt },
483
+ style: { width: yt, ...lt },
484
484
  children: [
485
485
  /* @__PURE__ */ o(
486
486
  v,
@@ -585,8 +585,8 @@ const re = (t, e, n) => {
585
585
  return /* @__PURE__ */ o(
586
586
  tt,
587
587
  {
588
- contentRight: s ? c : /* @__PURE__ */ y(N, { children: [
589
- c && /* @__PURE__ */ y(N, { children: [
588
+ contentRight: s ? c : /* @__PURE__ */ f(N, { children: [
589
+ c && /* @__PURE__ */ f(N, { children: [
590
590
  c,
591
591
  /* @__PURE__ */ o(g, {})
592
592
  ] }),
@@ -663,7 +663,7 @@ const re = (t, e, n) => {
663
663
  },
664
664
  [r, l, e]
665
665
  );
666
- return /* @__PURE__ */ y(k, { role: "group", children: [
666
+ return /* @__PURE__ */ f(k, { role: "group", children: [
667
667
  /* @__PURE__ */ o(
668
668
  A,
669
669
  {
@@ -698,7 +698,7 @@ const re = (t, e, n) => {
698
698
  }
699
699
  )
700
700
  ] });
701
- }, yn = ({
701
+ }, fn = ({
702
702
  hiddenIcon: t = Ct,
703
703
  visibleIcon: e = jt,
704
704
  ...n
@@ -737,7 +737,7 @@ const re = (t, e, n) => {
737
737
  label: n,
738
738
  disabled: r,
739
739
  className: l
740
- }) => /* @__PURE__ */ y("label", { htmlFor: t, className: l, children: [
740
+ }) => /* @__PURE__ */ f("label", { htmlFor: t, className: l, children: [
741
741
  e ? /* @__PURE__ */ o(C, { children: e }) : null,
742
742
  /* @__PURE__ */ o(
743
743
  Ne,
@@ -760,7 +760,7 @@ const re = (t, e, n) => {
760
760
  label: We,
761
761
  select: De,
762
762
  iconWrapper: Ee
763
- }, fn = ({
763
+ }, yn = ({
764
764
  onChange: t,
765
765
  onValueChange: e,
766
766
  id: n,
@@ -778,7 +778,7 @@ const re = (t, e, n) => {
778
778
  },
779
779
  [t, e]
780
780
  );
781
- return /* @__PURE__ */ y(
781
+ return /* @__PURE__ */ f(
782
782
  "div",
783
783
  {
784
784
  className: b(
@@ -837,13 +837,13 @@ const re = (t, e, n) => {
837
837
  width: d,
838
838
  ...u
839
839
  }, p) => {
840
- const f = z(), B = n ?? f, w = m(
840
+ const y = z(), B = n ?? y, w = m(
841
841
  (T) => {
842
842
  i?.(T), s?.(T.target.value);
843
843
  },
844
844
  [i, s]
845
845
  );
846
- return /* @__PURE__ */ y(
846
+ return /* @__PURE__ */ f(
847
847
  "div",
848
848
  {
849
849
  className: b(
@@ -896,8 +896,8 @@ const re = (t, e, n) => {
896
896
  onClickRight: u,
897
897
  children: p
898
898
  }) => {
899
- const f = t === "success" ? Q : t === "warning" || t === "error" ? Y : _, B = t === "loading" ? /* @__PURE__ */ o(Z, {}) : c;
900
- return /* @__PURE__ */ y(
899
+ const y = t === "success" ? Q : t === "warning" || t === "error" ? Y : _, B = t === "loading" ? /* @__PURE__ */ o(Z, {}) : c;
900
+ return /* @__PURE__ */ f(
901
901
  "div",
902
902
  {
903
903
  className: b(
@@ -931,7 +931,7 @@ const re = (t, e, n) => {
931
931
  disableContentPaddingLeft: a,
932
932
  disableContentPaddingRight: s,
933
933
  spaceOnRight: !0,
934
- button: f ? /* @__PURE__ */ o(H, { onClick: u, icon: f }) : void 0
934
+ button: y ? /* @__PURE__ */ o(H, { onClick: u, icon: y }) : void 0
935
935
  }
936
936
  )
937
937
  ]
@@ -998,11 +998,11 @@ export {
998
998
  Bn as CopyToClipboardButton,
999
999
  ot as InputLabel,
1000
1000
  Ne as InputLabelText,
1001
- fn as LabelledSelect,
1001
+ yn as LabelledSelect,
1002
1002
  mn as LabelledTextInput,
1003
1003
  hn as NumericStepper,
1004
1004
  Te as NumericTextInput,
1005
- yn as PasswordInput,
1005
+ fn as PasswordInput,
1006
1006
  V as RadioButton,
1007
1007
  un as RadioButtonBox,
1008
1008
  _n as RadioButtonWithLabel,
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._readOnlyInput_7bzmw_1{background-color:transparent;line-height:var(--swui-line-height);text-align:center;-moz-appearance:textfield;margin:0;padding:0;color:var(--swui-text-primary-color);font-size:var(--swui-font-size-medium);width:60px;font-weight:var(--swui-font-weight-text-bold);font-family:var(--swui-font-primary);border:none;outline:none}._readOnlyInput_7bzmw_1::-webkit-inner-spin-button,._readOnlyInput_7bzmw_1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_1t23r_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_1t23r_1._standard_1t23r_40{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1t23r_1._standard_1t23r_40:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1t23r_1._small_1t23r_52{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1t23r_1._small_1t23r_52:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1t23r_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1t23r_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1t23r_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1t23r_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1t23r_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1t23r_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1t23r_1:indeterminate._standard_1t23r_40:after{top:4px;left:8px}._checkbox_1t23r_1:indeterminate._small_1t23r_52:after{top:0;left:4px}._checkbox_1t23r_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1t23r_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1t23r_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_a19yk_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_a19yk_1._standard_a19yk_46{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_a19yk_1._standard_a19yk_46:after{left:7px;top:7px}._radiobutton_a19yk_1._small_a19yk_56{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_a19yk_1._small_a19yk_56:after{left:3px;top:3px}._radiobutton_a19yk_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_a19yk_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_a19yk_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_a19yk_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_a19yk_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_a19yk_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_a19yk_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_a19yk_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_a19yk_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_yl38n_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_yl38n_1._medium_yl38n_14{padding:0 var(--swui-metrics-space);height:42px}._radioButtonBox_yl38n_1._large_yl38n_19{height:48px;padding:0 calc(var(--swui-metrics-space) * 2)}._radioButtonBox_yl38n_1:hover{border-color:var(--hav)}._radioButtonBox_yl38n_1._danger_yl38n_28{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_yl38n_1._danger_yl38n_28:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_yl38n_39{width:100%}}._textInput_1qe61_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20{border-top-left-radius:0;border-top-right-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37{border-top-left-radius:0;border-bottom-left-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1:focus-within:not(._disabled_1qe61_15){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1qe61_1 ._input_1qe61_50{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1qe61_1 ._input_1qe61_50:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1qe61_1 ._input_1qe61_50::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1qe61_1 ._input_1qe61_50:not(._alwaysShowPlaceholder_1qe61_74):focus::placeholder{opacity:0}._textInput_1qe61_1 ._input_1qe61_50::-webkit-calendar-picker-indicator{display:none}._textInput_1qe61_1 ._icon_1qe61_85{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1qe61_1._standard_1qe61_95:hover:not(:focus-within):not(._disabled_1qe61_15),._textInput_1qe61_1._success_1qe61_96:hover:not(:focus-within):not(._disabled_1qe61_15){border-color:var(--swui-field-border-color-hover)}._textInput_1qe61_1._success_1qe61_96 ._icon_1qe61_85{color:var(--swui-state-success-color)}._textInput_1qe61_1._loading_1qe61_108{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1qe61_1._modified_1qe61_113{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1qe61_1._modified_1qe61_113 ._icon_1qe61_85{color:var(--lhds-color-blue-300)}._textInput_1qe61_1._error_1qe61_122{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1qe61_1._error_1qe61_122 ._icon_1qe61_85{color:var(--swui-state-error-light-color)}._textInput_1qe61_1._warning_1qe61_131{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._warning_1qe61_131 ._icon_1qe61_85{color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._disabled_1qe61_15{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1qe61_1._textInput_1qe61_1._hideBorder_1qe61_145{border:none;box-shadow:none;background:none;outline:none}._textInput_1qe61_1 ._clickable_1qe61_152:hover{cursor:pointer}._textInput_1qe61_1 ._clickable_1qe61_152:hover ._icon_1qe61_85{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_vs9pj_1{border:1px solid var(--swui-field-border-color);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_vs9pj_1._medium_vs9pj_7{border-radius:var(--swui-border-radius)}._labelledSelect_vs9pj_1._large_vs9pj_11{border-radius:var(--swui-border-radius-large)}._labelledSelect_vs9pj_1._error_vs9pj_15{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_vs9pj_1._normal_vs9pj_20{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1._onlyTopBorder_vs9pj_25{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_vs9pj_1._onlyBottomBorder_vs9pj_31{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_vs9pj_1._onlyLeftBorder_vs9pj_36{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}._labelledSelect_vs9pj_1._onlyRightBorder_vs9pj_42{border-top-left-radius:0;border-bottom-left-radius:0}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_vs9pj_1 ._label_vs9pj_1{display:flex;cursor:pointer;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0}._labelledSelect_vs9pj_1 ._select_vs9pj_65{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;appearance:none;border:none;outline:none;line-height:1.5;box-sizing:border-box;cursor:pointer}._labelledSelect_vs9pj_1 ._select_vs9pj_65._error_vs9pj_15{background-color:var(--snackskal)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._normal_vs9pj_20{background-color:var(--moln)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._medium_vs9pj_7{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * .5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._large_vs9pj_11{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1.5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_vs9pj_1 ._iconWrapper_vs9pj_99{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_1uyc3_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_1uyc3_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyTop_1uyc3_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyBottom_1uyc3_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyLeft_1uyc3_32{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyRight_1uyc3_38{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_1uyc3_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_1uyc3_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53{background-color:var(--silver-lighter)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53 input{color:var(--silver)}._labelledTextInput_1uyc3_1._medium_1uyc3_61:focus-within{outline-width:2px}._labelledTextInput_1uyc3_1._medium_1uyc3_61 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * .5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_1uyc3_1._large_1uyc3_73{border-radius:var(--swui-border-radius-large)}._labelledTextInput_1uyc3_1._large_1uyc3_73:focus-within{outline-width:3px}._labelledTextInput_1uyc3_1._large_1uyc3_73 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_1uyc3_1._error_1uyc3_87{border-color:var(--swui-state-error-light-color);background-color:var(--swui-state-error-light-color)}._labelledTextInput_1uyc3_1._error_1uyc3_87:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_1uyc3_1 label{display:flex;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0;cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("@stenajs-webui/core"),_=require("react"),y=require("@stenajs-webui/elements"),b=require("classnames"),q=require("@stenajs-webui/theme"),xe=require("@fortawesome/react-fontawesome"),S=require("lodash-es"),he=require("@stenajs-webui/tooltip");function ye(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const fe=ye(_),je="_readOnlyInput_7bzmw_1",be={readOnlyInput:je},H=({value:e,id:t,...o})=>n.jsx("input",{...o,type:"number",id:t,value:e,readOnly:!0,className:be.readOnlyInput}),me=({value:e,onValueChange:t,variant:o,decreaseDisabled:s,increaseDisabled:r,inputId:l,ariaLabelDecrease:i,ariaLabelIncrease:u,textValueAriaLabel:c,increaseTestId:x,decreaseTestId:f,onIncrease:p,onDecrease:d,size:h})=>{const j=_.useCallback(()=>{p?.(),t?.(e+1)},[p,t,e]),m=_.useCallback(()=>{d?.(),t?.(e-1)},[d,t,e]);return n.jsxs(a.Row,{alignItems:"center",children:[n.jsx(y.PrimaryButton,{size:h,"aria-label":i,variant:o,leftIcon:y.stenaMinus,"data-testid":f??"decrease",disabled:s,onClick:m}),n.jsx(H,{id:l,"data-testid":"amountStepperValue",value:e.toString(),"aria-label":c}),n.jsx(y.PrimaryButton,{size:h,leftIcon:y.stenaPlus,variant:o,"aria-label":u,"data-testid":x??"increase",disabled:r,onClick:j})]})},ge="_knob_1d6s8_56",Be="_filler_1d6s8_61",Ie="_checked_1d6s8_75",T={switch:"_switch_1d6s8_1",knob:ge,filler:Be,checked:Ie},we=`${T.switch} ${T.checked}`,W=({value:e,disabled:t,onValueChange:o,className:s,wrapperRef:r,...l})=>n.jsx("div",{className:s,ref:r,children:n.jsxs("button",{type:"button",role:"switch","aria-checked":e,className:e?we:T.switch,disabled:t,onClick:()=>o&&o(!e),...l,children:[n.jsx("div",{className:T.filler}),n.jsx("div",{className:T.knob})]})}),Se=({label:e,disabled:t,textColor:o,wrapperRef:s,screenReaderLabel:r,...l})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(a.Box,{row:!0,alignItems:"center",children:[n.jsx(W,{disabled:t,...l}),n.jsx(a.Space,{}),r?n.jsx(a.ScreenReaderOnlyText,{children:r}):null,n.jsx(a.Text,{color:o,"aria-hidden":!!r,userSelect:"none",children:e})]})})}),ke="_checkbox_1t23r_1",Te="_standard_1t23r_40",Re="_small_1t23r_52",E={checkbox:ke,standard:Te,small:Re},M=_.forwardRef(({indeterminate:e=!1,onChange:t,onValueChange:o,value:s=!1,size:r="standard",className:l,...i},u)=>{const c=_.useRef(null),x=p=>{c.current=p,c.current&&(c.current.indeterminate=!!e),u&&(typeof u=="function"?u(p):u.current=p)},f=_.useCallback(p=>{t&&t(p),o&&o(p.target.checked)},[t,o]);return _.useEffect(()=>{c.current&&(c.current.indeterminate=!!e)},[e,c]),n.jsx("input",{type:"checkbox",className:b(E.checkbox,E[r],l),checked:s,onChange:f,ref:x,...i})}),Ce=({children:e,label:t,inputRef:o,wrapperRef:s,textColor:r,screenReaderLabel:l,...i})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(a.Row,{alignItems:"center",children:[n.jsx(M,{...i,ref:o}),n.jsx(a.Space,{}),l?n.jsx(a.ScreenReaderOnlyText,{children:l}):null,n.jsx(a.Text,{color:r,"aria-hidden":!!l,userSelect:"none",children:t}),e]})})}),Ne="_radiobutton_a19yk_1",qe="_standard_a19yk_46",$e="_small_a19yk_56",L={radiobutton:Ne,standard:qe,small:$e},$=_.forwardRef(({onChange:e,onValueChange:t,size:o="standard",name:s,className:r,...l},i)=>{const u=_.useCallback(c=>{e&&e(c),t&&t(c.target.value)},[e,t]);return n.jsx("input",{type:"radio",name:s,className:b(L.radiobutton,L[o],r),onChange:u,ref:i,...l})}),Fe="_radioButtonBox_yl38n_1",Pe="_medium_yl38n_14",Oe="_large_yl38n_19",ve="_danger_yl38n_28",Ae="_radioButtonWrapper_yl38n_39",C={radioButtonBox:Fe,medium:Pe,large:Oe,danger:ve,radioButtonWrapper:Ae},Ee=({label:e,screenReaderLabel:t,variant:o="normal",size:s="medium",className:r,icon:l,contentRight:i,style:u,disabled:c,radioButtonClassName:x,...f})=>{const p=c?q.cssColor("--swui-text-disabled-color"):void 0;return n.jsx("label",{className:b(C.radioButtonBox,C[o],C[s],r),style:u,children:n.jsxs(a.Row,{justifyContent:"space-between",flexGrow:1,children:[n.jsxs(a.Row,{alignItems:"center",children:[n.jsx($,{...f,disabled:c,className:x}),n.jsx(a.Space,{}),t?n.jsx(a.ScreenReaderOnlyText,{children:t}):null,n.jsx(a.Text,{color:p,"aria-hidden":!!t,children:e})]}),n.jsxs(a.Row,{alignItems:"center",width:l?"48px":void 0,justifyContent:"center",children:[l&&n.jsx(y.Icon,{icon:l,size:24,color:p}),!l&&i]})]})})},Le=({label:e,inputRef:t,wrapperRef:o,textColor:s,screenReaderLabel:r,...l})=>n.jsx("div",{ref:o,children:n.jsx("label",{children:n.jsxs(a.Row,{alignItems:"center",children:[n.jsx($,{ref:t,...l}),n.jsx(a.Space,{}),r?n.jsx(a.ScreenReaderOnlyText,{children:r}):null,n.jsx(a.Text,{color:s,"aria-hidden":!!r,userSelect:"none",children:e})]})})}),D=(e,t,o,s,r,l,i,u)=>{const c=_.useRef(!1),x=d=>{c.current||l?.(d.target.value??""),i?.(d)},f=d=>{c.current=!1,u?.(d)};return{onKeyDownHandler:_.useCallback(d=>{const{key:h}=d;if(h==="Enter")c.current=!0,o?.(),l?.(d.currentTarget.value??"");else if(h==="Escape")c.current=!0,s?.(),d.preventDefault(),d.stopPropagation();else if(r){const j=(m,B)=>{c.current=!0,e.current.blur(),r(m),B.preventDefault(),B.stopPropagation()};d.shiftKey&&h==="Tab"?j("left",d):h==="Tab"?j("right",d):h==="ArrowUp"?j("up",d):h==="ArrowDown"?j("down",d):h==="ArrowRight"?e.current.value.length===e.current.selectionStart&&j("right",d):h==="ArrowLeft"&&e.current.selectionStart===0&&j("left",d)}t&&t(d)},[s,r,t,e,o,l]),onBlurHandler:x,onFocusHandler:f}};function U(e){return e.tagName==="TEXTAREA"||e.tagName==="INPUT"&&(e.type==="text"||e.type==="search"||e.type==="url"||e.type==="tel"||e.type==="password")}const K=(e,t,o)=>{_.useEffect(()=>{e.current&&U(e.current)&&(o?e.current.setSelectionRange(0,e.current.value.length):t&&e.current.setSelectionRange(e.current.value.length,e.current.value.length))},[t,e,o])},z=(e,{onEnter:t,onEsc:o,onChange:s,onValueChange:r,selectAllOnMount:l,moveCursorToEndOnMount:i,onDone:u,onMove:c,onFocus:x,onBlur:f,onKeyDown:p,autoFocus:d})=>{K(e,!!i,!!l);const{onKeyDownHandler:h,onFocusHandler:j,onBlurHandler:m}=D(e,p,t,o,c,u,f,x),B=_.useCallback(w=>{s?.(w),r?.(w.target.value)},[s,r]);return{onBlur:m,onChange:B,onFocus:j,onKeyDown:h,autoFocus:l||d}},He="_textInput_1qe61_1",We="_onlyTop_1qe61_11",Me="_disabled_1qe61_15",De="_onlyBottom_1qe61_20",Ue="_onlyLeft_1qe61_28",Ke="_onlyRight_1qe61_37",ze="_input_1qe61_50",Ge="_alwaysShowPlaceholder_1qe61_74",Xe="_icon_1qe61_85",Je="_standard_1qe61_95",Qe="_success_1qe61_96",Ye="_loading_1qe61_108",Ze="_modified_1qe61_113",Ve="_error_1qe61_122",et="_warning_1qe61_131",tt="_hideBorder_1qe61_145",nt="_clickable_1qe61_152",g={textInput:He,onlyTop:We,disabled:Me,onlyBottom:De,onlyLeft:Ue,onlyRight:Ke,input:ze,alwaysShowPlaceholder:Ge,icon:Xe,standard:Je,success:Qe,loading:Ye,modified:Ze,error:Ve,warning:et,hideBorder:tt,clickable:nt},R=({button:e,icon:t,iconClassName:o,content:s,spaceOnLeft:r,spaceOnRight:l,disableContentPadding:i,disableContentPaddingLeft:u,disableContentPaddingRight:c})=>!s&&!t&&!e?null:e?n.jsxs(n.Fragment,{children:[r?n.jsx(a.Space,{num:.25}):null,e,l?n.jsx(a.Space,{num:.25}):null]}):s?n.jsxs(n.Fragment,{children:[r&&!(i||u)?n.jsx(a.Space,{}):null,s||null,l&&!(i||c)?n.jsx(a.Space,{}):null]}):n.jsxs(n.Fragment,{children:[r?n.jsx(a.Space,{}):null,t&&n.jsx(xe.FontAwesomeIcon,{icon:t,className:b(g.icon,o)}),l?n.jsx(a.Space,{}):null]}),F=e=>{const{variant:t="standard",inputRef:o,disabled:s,className:r,buttonLeft:l,buttonRight:i,contentLeft:u,contentRight:c,disableContentPadding:x,disableContentPaddingLeft:f,disableContentPaddingRight:p,iconLeft:d,iconRight:h,moveCursorToEndOnMount:j,selectAllOnMount:m,autoFocus:B,onValueChange:w,wrapperClassName:J,wrapperStyle:Q,onDone:Y,onEnter:Z,onEsc:V,onMove:ee,onChange:te,onKeyDown:ne,hideBorder:oe,onFocus:se,onBlur:re,borderRadiusVariant:le="normalBorder",width:ce,alwaysShowPlaceholder:ae,...ie}=e,ue=_.useRef(null),A=o??ue,de=z(A,{onEnter:Z,onEsc:V,onChange:te,onValueChange:w,selectAllOnMount:m,moveCursorToEndOnMount:j,onDone:Y,onMove:ee,onFocus:se,onBlur:re,onKeyDown:ne,autoFocus:B}),pe=t==="success"?y.stenaCheck:t==="warning"||t==="error"?y.stenaExclamationTriangle:h,_e=t==="loading"?n.jsx(y.InputSpinner,{}):c;return n.jsxs("div",{className:b(g.textInput,g[t],g[le],{[g.disabled]:s},{[g.hideBorder]:oe},J),style:{width:ce,...Q},children:[n.jsx(R,{content:u,disableContentPadding:x,disableContentPaddingLeft:f,disableContentPaddingRight:p,icon:d,spaceOnLeft:!0,button:l}),n.jsx("input",{className:b(g.input,{[g.alwaysShowPlaceholder]:ae},r),type:"text",disabled:s,ref:A,autoFocus:B,...ie,...de}),n.jsx(R,{content:_e,disableContentPadding:x,disableContentPaddingLeft:f,disableContentPaddingRight:p,icon:pe,spaceOnRight:!0,button:i})]})},ot="_numericTextInputInput_1tnr6_1",st={numericTextInputInput:ot},P=({onValueChange:e,value:t,numSteps:o,min:s,max:r})=>{if(e)if(!t)e(String(N(o,s,r)));else{const i=(a.parseFloatElseUndefined(t)||0)+o;e(String(N(i,s,r)))}},O=({onValueChange:e,newValue:t,min:o,max:s})=>{if(e)if(t==="")e("");else{const l=a.parseFloatElseUndefined(t)||0;e(String(N(l,o,s)))}},N=(e,t,o)=>{let s=e;return t!=null&&(s=Math.max(t,s)),o!=null&&(s=Math.min(o,s)),s},G=({value:e,onValueChange:t,max:o,min:s,step:r=1,contentRight:l,disabled:i,className:u,hideButtons:c,...x})=>{const f=_.useCallback(h=>{P({onValueChange:t,value:e,numSteps:h,min:s,max:o})},[e,o,s,t]),p=_.useCallback(h=>{O({onValueChange:t,newValue:h,min:s,max:o})},[o,s,t]),d=c?l:n.jsxs(n.Fragment,{children:[l&&n.jsxs(n.Fragment,{children:[l,n.jsx(a.Space,{})]}),n.jsx(y.UpDownButtons,{onClickUp:i?void 0:()=>f(r),onClickDown:i?void 0:()=>f(-r),iconColor:"var(--swui-textinput-text-color)",disabled:i})]});return n.jsx(F,{contentRight:d,value:e,onValueChange:p,disableContentPaddingRight:!c,type:"number",min:s,max:o,step:r,className:b(st.numericTextInputInput,u),disabled:i,...x})},rt=(e,t)=>{const o=_.useCallback(r=>{if(t)if(!r)t(void 0);else{const l=a.parseFloatElseUndefined(r);l!==void 0&&t(l)}},[t]),s=_.useMemo(()=>e===void 0?"":String(e),[e]);return{onValueChange:o,value:s}},lt=(e,t)=>{if(S.isNil(e))return!1;{const o=a.parseFloatElseUndefined(e);return!S.isNil(o)&&!S.isNil(t)&&o<=t}},ct=(e,t)=>{if(S.isNil(e))return!1;{const o=a.parseFloatElseUndefined(e);return!S.isNil(o)&&!S.isNil(t)&&o>=t}},at=({disabled:e,onValueChange:t,value:o,max:s,min:r,step:l=1,...i})=>{const u=_.useCallback(x=>{P({onValueChange:t,value:o,numSteps:x,min:r,max:s})},[o,s,r,t]),c=_.useCallback(x=>{O({onValueChange:t,newValue:x,min:r,max:s})},[s,r,t]);return n.jsxs(a.Row,{role:"group",children:[n.jsx(y.FlatButton,{leftIcon:y.stenaMinus,"aria-label":"Decrease",disabled:e||lt(o,r),onClick:()=>u(-l)}),n.jsx(a.Space,{}),n.jsx(G,{hideButtons:!0,onValueChange:c,value:o,max:s,min:r,step:l,disabled:e,...i}),n.jsx(a.Space,{}),n.jsx(y.FlatButton,{leftIcon:y.stenaPlus,"aria-label":"Increase",disabled:e||ct(o,s),onClick:()=>u(l)})]})},it=({hiddenIcon:e=y.stenaEyeShow,visibleIcon:t=y.stenaEyeHide,...o})=>{const[s,r]=_.useState(!0);return n.jsx(F,{buttonRight:n.jsx(y.TextInputButton,{icon:s?e:t,onClick:()=>r(l=>!l)}),type:s?"password":"text",...o})},X=({disabled:e,text:t,...o})=>n.jsx(a.Text,{variant:"bold",color:q.cssColor(e?"--silver":"--tjara"),size:"small",...a.getDataProps(o),children:t}),v=({htmlFor:e,screenReaderLabel:t,label:o,disabled:s,className:r})=>n.jsxs("label",{htmlFor:e,className:r,children:[t?n.jsx(a.ScreenReaderOnlyText,{children:t}):null,n.jsx(X,{"aria-hidden":!!t,text:o,disabled:s})]}),ut="_labelledSelect_vs9pj_1",dt="_medium_vs9pj_7",pt="_large_vs9pj_11",_t="_error_vs9pj_15",xt="_normal_vs9pj_20",ht="_onlyTopBorder_vs9pj_25",yt="_onlyBottomBorder_vs9pj_31",ft="_onlyLeftBorder_vs9pj_36",jt="_onlyRightBorder_vs9pj_42",bt="_label_vs9pj_1",mt="_select_vs9pj_65",gt="_iconWrapper_vs9pj_99",I={labelledSelect:ut,medium:dt,large:pt,error:_t,normal:xt,onlyTopBorder:ht,onlyBottomBorder:yt,onlyLeftBorder:ft,onlyRightBorder:jt,label:bt,select:mt,iconWrapper:gt},Bt=({onChange:e,onValueChange:t,id:o,label:s,screenReaderLabel:r,borderVariant:l="normalBorder",variant:i="normal",size:u="medium",children:c,...x})=>{const f=_.useId(),p=o??f,d=_.useCallback(h=>{e?.(h),t?.(h.target.value)},[e,t]);return n.jsxs("div",{className:b(I.labelledSelect,I[i],I[u],I[l]),children:[n.jsx(v,{htmlFor:p,className:I.label,label:s,screenReaderLabel:r}),n.jsx("select",{id:p,onChange:d,className:b(I.select,I[i],I[u]),...x,children:c}),n.jsx("div",{className:b(I.iconWrapper),children:n.jsx(y.Icon,{icon:y.stenaAngleDown,size:24,color:q.cssColor("--core-blue")})})]})},It="_labelledTextInput_1uyc3_1",wt="_onlyTop_1uyc3_21",St="_onlyBottom_1uyc3_27",kt="_onlyLeft_1uyc3_32",Tt="_onlyRight_1uyc3_38",Rt="_disabled_1uyc3_53",Ct="_medium_1uyc3_61",Nt="_large_1uyc3_73",qt="_error_1uyc3_87",k={labelledTextInput:It,onlyTop:wt,onlyBottom:St,onlyLeft:kt,onlyRight:Tt,disabled:Rt,medium:Ct,large:Nt,error:qt},$t=fe.forwardRef(({autoComplete:e="off",label:t,id:o,screenReaderLabel:s,size:r="medium",value:l,onChange:i,disabled:u,onValueChange:c,borderRadiusVariant:x="normalBorder",variant:f="normal",width:p,...d},h)=>{const j=_.useId(),m=o??j,B=_.useCallback(w=>{i?.(w),c?.(w.target.value)},[i,c]);return n.jsxs("div",{className:b(k.labelledTextInput,k[f],k[x],k[r],u&&k.disabled),style:p?{width:p}:void 0,children:[n.jsx(v,{htmlFor:m,screenReaderLabel:s,label:t}),n.jsx("input",{ref:h,id:m,autoComplete:e,type:"text",value:l,onChange:B,disabled:u,...d})]})}),Ft=({variant:e="standard",disabled:t,wrapperClassName:o,wrapperStyle:s,contentLeft:r,contentRight:l,disableContentPadding:i,disableContentPaddingLeft:u,disableContentPaddingRight:c,iconRight:x,iconLeft:f,onClickLeft:p,onClickRight:d,children:h})=>{const j=e==="success"?y.stenaCheck:e==="warning"||e==="error"?y.stenaExclamationTriangle:x,m=e==="loading"?n.jsx(y.InputSpinner,{}):l;return n.jsxs("div",{className:b(g.textInput,g.inputContainer,g[e],{[g.disabled]:t},o),style:s,children:[n.jsx(R,{content:r,disableContentPadding:i,disableContentPaddingLeft:u,disableContentPaddingRight:c,spaceOnLeft:!0,button:f?n.jsx(y.TextInputButton,{onClick:p,icon:f}):void 0}),n.jsx(a.Row,{alignItems:"center",children:h}),n.jsx(R,{content:m,disableContentPadding:i,disableContentPaddingLeft:u,disableContentPaddingRight:c,spaceOnRight:!0,button:j?n.jsx(y.TextInputButton,{onClick:d,icon:j}):void 0})]})},Pt="_textArea_6n6nc_1",Ot={textArea:Pt},vt=_.forwardRef(({className:e,value:t,onValueChange:o,onChange:s,resize:r="none",readOnly:l=!1,rows:i,disabled:u,...c},x)=>{const f=_.useCallback(p=>{s&&s(p),o&&o(p.target.value)},[s,o]);return n.jsx("textarea",{disabled:u,rows:i,readOnly:l,className:b(Ot.textArea,e),style:{resize:r},onChange:f,value:t,ref:x,...c})});function At({value:e,tooltipLabel:t="Copied to clipboard!",size:o="small"}){const[s,r]=a.useTimeoutState(!1,2e3),l=_.useCallback(async()=>{e!=null&&(await navigator.clipboard.writeText(e),r(!0))},[r,e]);return n.jsx(he.Tooltip,{visible:s,label:t,children:n.jsx(y.FlatButton,{size:o,onClick:l,leftIcon:y.stenaCopy,disabled:e==null})})}exports.AmountStepperButtons=me;exports.Checkbox=M;exports.CheckboxWithLabel=Ce;exports.CopyToClipboardButton=At;exports.InputLabel=v;exports.InputLabelText=X;exports.LabelledSelect=Bt;exports.LabelledTextInput=$t;exports.NumericStepper=at;exports.NumericTextInput=G;exports.PasswordInput=it;exports.RadioButton=$;exports.RadioButtonBox=Ee;exports.RadioButtonWithLabel=Le;exports.ReadOnlyNumericInput=H;exports.Switch=W;exports.SwitchWithLabel=Se;exports.TextArea=vt;exports.TextInput=F;exports.TextInputBox=Ft;exports.elementHasSelectionRange=U;exports.onStepValueChange=P;exports.onTextValueChange=O;exports.useKeyboardNavigation=D;exports.useNumericInputValue=rt;exports.useSelectAllOnMount=K;exports.useTextInput=z;
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._readOnlyInput_7bzmw_1{background-color:transparent;line-height:var(--swui-line-height);text-align:center;-moz-appearance:textfield;margin:0;padding:0;color:var(--swui-text-primary-color);font-size:var(--swui-font-size-medium);width:60px;font-weight:var(--swui-font-weight-text-bold);font-family:var(--swui-font-primary);border:none;outline:none}._readOnlyInput_7bzmw_1::-webkit-inner-spin-button,._readOnlyInput_7bzmw_1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_173af_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_173af_1._standard_173af_40{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_173af_1._standard_173af_40:after{width:3px;height:6px;left:9px;top:6px}._checkbox_173af_1._small_173af_52{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_173af_1._small_173af_52:after{width:3px;height:6px;left:5px;top:2px}._checkbox_173af_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_173af_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_173af_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_173af_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_173af_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_173af_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_173af_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_173af_1:disabled{cursor:not-allowed}._checkbox_173af_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_173af_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_173af_1:indeterminate._standard_173af_40:after{top:4px;left:8px}._checkbox_173af_1:indeterminate._small_173af_52:after{top:0;left:4px}._checkbox_173af_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_173af_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_173af_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_173af_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_a19yk_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_a19yk_1._standard_a19yk_46{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_a19yk_1._standard_a19yk_46:after{left:7px;top:7px}._radiobutton_a19yk_1._small_a19yk_56{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_a19yk_1._small_a19yk_56:after{left:3px;top:3px}._radiobutton_a19yk_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_a19yk_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_a19yk_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_a19yk_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_a19yk_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_a19yk_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_a19yk_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_a19yk_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_a19yk_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_yl38n_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_yl38n_1._medium_yl38n_14{padding:0 var(--swui-metrics-space);height:42px}._radioButtonBox_yl38n_1._large_yl38n_19{height:48px;padding:0 calc(var(--swui-metrics-space) * 2)}._radioButtonBox_yl38n_1:hover{border-color:var(--hav)}._radioButtonBox_yl38n_1._danger_yl38n_28{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_yl38n_1._danger_yl38n_28:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_yl38n_39{width:100%}}._textInput_1qe61_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20{border-top-left-radius:0;border-top-right-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37{border-top-left-radius:0;border-bottom-left-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1:focus-within:not(._disabled_1qe61_15){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1qe61_1 ._input_1qe61_50{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1qe61_1 ._input_1qe61_50:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1qe61_1 ._input_1qe61_50::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1qe61_1 ._input_1qe61_50:not(._alwaysShowPlaceholder_1qe61_74):focus::placeholder{opacity:0}._textInput_1qe61_1 ._input_1qe61_50::-webkit-calendar-picker-indicator{display:none}._textInput_1qe61_1 ._icon_1qe61_85{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1qe61_1._standard_1qe61_95:hover:not(:focus-within):not(._disabled_1qe61_15),._textInput_1qe61_1._success_1qe61_96:hover:not(:focus-within):not(._disabled_1qe61_15){border-color:var(--swui-field-border-color-hover)}._textInput_1qe61_1._success_1qe61_96 ._icon_1qe61_85{color:var(--swui-state-success-color)}._textInput_1qe61_1._loading_1qe61_108{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1qe61_1._modified_1qe61_113{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1qe61_1._modified_1qe61_113 ._icon_1qe61_85{color:var(--lhds-color-blue-300)}._textInput_1qe61_1._error_1qe61_122{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1qe61_1._error_1qe61_122 ._icon_1qe61_85{color:var(--swui-state-error-light-color)}._textInput_1qe61_1._warning_1qe61_131{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._warning_1qe61_131 ._icon_1qe61_85{color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._disabled_1qe61_15{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1qe61_1._textInput_1qe61_1._hideBorder_1qe61_145{border:none;box-shadow:none;background:none;outline:none}._textInput_1qe61_1 ._clickable_1qe61_152:hover{cursor:pointer}._textInput_1qe61_1 ._clickable_1qe61_152:hover ._icon_1qe61_85{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_vs9pj_1{border:1px solid var(--swui-field-border-color);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_vs9pj_1._medium_vs9pj_7{border-radius:var(--swui-border-radius)}._labelledSelect_vs9pj_1._large_vs9pj_11{border-radius:var(--swui-border-radius-large)}._labelledSelect_vs9pj_1._error_vs9pj_15{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_vs9pj_1._normal_vs9pj_20{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1._onlyTopBorder_vs9pj_25{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_vs9pj_1._onlyBottomBorder_vs9pj_31{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_vs9pj_1._onlyLeftBorder_vs9pj_36{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}._labelledSelect_vs9pj_1._onlyRightBorder_vs9pj_42{border-top-left-radius:0;border-bottom-left-radius:0}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_vs9pj_1 ._label_vs9pj_1{display:flex;cursor:pointer;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0}._labelledSelect_vs9pj_1 ._select_vs9pj_65{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;appearance:none;border:none;outline:none;line-height:1.5;box-sizing:border-box;cursor:pointer}._labelledSelect_vs9pj_1 ._select_vs9pj_65._error_vs9pj_15{background-color:var(--snackskal)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._normal_vs9pj_20{background-color:var(--moln)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._medium_vs9pj_7{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * .5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._large_vs9pj_11{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1.5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_vs9pj_1 ._iconWrapper_vs9pj_99{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_1uyc3_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_1uyc3_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyTop_1uyc3_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyBottom_1uyc3_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyLeft_1uyc3_32{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyRight_1uyc3_38{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_1uyc3_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_1uyc3_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53{background-color:var(--silver-lighter)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53 input{color:var(--silver)}._labelledTextInput_1uyc3_1._medium_1uyc3_61:focus-within{outline-width:2px}._labelledTextInput_1uyc3_1._medium_1uyc3_61 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * .5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_1uyc3_1._large_1uyc3_73{border-radius:var(--swui-border-radius-large)}._labelledTextInput_1uyc3_1._large_1uyc3_73:focus-within{outline-width:3px}._labelledTextInput_1uyc3_1._large_1uyc3_73 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_1uyc3_1._error_1uyc3_87{border-color:var(--swui-state-error-light-color);background-color:var(--swui-state-error-light-color)}._labelledTextInput_1uyc3_1._error_1uyc3_87:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_1uyc3_1 label{display:flex;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0;cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("@stenajs-webui/core"),_=require("react"),f=require("@stenajs-webui/elements"),b=require("classnames"),q=require("@stenajs-webui/theme"),xe=require("@fortawesome/react-fontawesome"),S=require("lodash-es"),he=require("@stenajs-webui/tooltip");function fe(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const ye=fe(_),je="_readOnlyInput_7bzmw_1",be={readOnlyInput:je},H=({value:e,id:t,...o})=>n.jsx("input",{...o,type:"number",id:t,value:e,readOnly:!0,className:be.readOnlyInput}),me=({value:e,onValueChange:t,variant:o,decreaseDisabled:s,increaseDisabled:r,inputId:l,ariaLabelDecrease:i,ariaLabelIncrease:u,textValueAriaLabel:c,increaseTestId:x,decreaseTestId:y,onIncrease:p,onDecrease:d,size:h})=>{const j=_.useCallback(()=>{p?.(),t?.(e+1)},[p,t,e]),m=_.useCallback(()=>{d?.(),t?.(e-1)},[d,t,e]);return n.jsxs(a.Row,{alignItems:"center",children:[n.jsx(f.PrimaryButton,{size:h,"aria-label":i,variant:o,leftIcon:f.stenaMinus,"data-testid":y??"decrease",disabled:s,onClick:m}),n.jsx(H,{id:l,"data-testid":"amountStepperValue",value:e.toString(),"aria-label":c}),n.jsx(f.PrimaryButton,{size:h,leftIcon:f.stenaPlus,variant:o,"aria-label":u,"data-testid":x??"increase",disabled:r,onClick:j})]})},ge="_knob_1d6s8_56",Be="_filler_1d6s8_61",Ie="_checked_1d6s8_75",T={switch:"_switch_1d6s8_1",knob:ge,filler:Be,checked:Ie},we=`${T.switch} ${T.checked}`,W=({value:e,disabled:t,onValueChange:o,className:s,wrapperRef:r,...l})=>n.jsx("div",{className:s,ref:r,children:n.jsxs("button",{type:"button",role:"switch","aria-checked":e,className:e?we:T.switch,disabled:t,onClick:()=>o&&o(!e),...l,children:[n.jsx("div",{className:T.filler}),n.jsx("div",{className:T.knob})]})}),Se=({label:e,disabled:t,textColor:o,wrapperRef:s,screenReaderLabel:r,...l})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(a.Box,{row:!0,alignItems:"center",children:[n.jsx(W,{disabled:t,...l}),n.jsx(a.Space,{}),r?n.jsx(a.ScreenReaderOnlyText,{children:r}):null,n.jsx(a.Text,{color:o,"aria-hidden":!!r,userSelect:"none",children:e})]})})}),ke="_checkbox_173af_1",Te="_standard_173af_40",Re="_small_173af_52",E={checkbox:ke,standard:Te,small:Re},M=_.forwardRef(({indeterminate:e=!1,onChange:t,onValueChange:o,value:s=!1,size:r="standard",className:l,...i},u)=>{const c=_.useRef(null),x=p=>{c.current=p,c.current&&(c.current.indeterminate=!!e),u&&(typeof u=="function"?u(p):u.current=p)},y=_.useCallback(p=>{t&&t(p),o&&o(p.target.checked)},[t,o]);return _.useEffect(()=>{c.current&&(c.current.indeterminate=!!e)},[e,c]),n.jsx("input",{type:"checkbox",className:b(E.checkbox,E[r],l),checked:s,onChange:y,ref:x,...i})}),Ce=({children:e,label:t,inputRef:o,wrapperRef:s,textColor:r,screenReaderLabel:l,...i})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(a.Row,{alignItems:"center",children:[n.jsx(M,{...i,ref:o}),n.jsx(a.Space,{}),l?n.jsx(a.ScreenReaderOnlyText,{children:l}):null,n.jsx(a.Text,{color:r,"aria-hidden":!!l,userSelect:"none",children:t}),e]})})}),Ne="_radiobutton_a19yk_1",qe="_standard_a19yk_46",$e="_small_a19yk_56",L={radiobutton:Ne,standard:qe,small:$e},$=_.forwardRef(({onChange:e,onValueChange:t,size:o="standard",name:s,className:r,...l},i)=>{const u=_.useCallback(c=>{e&&e(c),t&&t(c.target.value)},[e,t]);return n.jsx("input",{type:"radio",name:s,className:b(L.radiobutton,L[o],r),onChange:u,ref:i,...l})}),Fe="_radioButtonBox_yl38n_1",Pe="_medium_yl38n_14",Oe="_large_yl38n_19",ve="_danger_yl38n_28",Ae="_radioButtonWrapper_yl38n_39",C={radioButtonBox:Fe,medium:Pe,large:Oe,danger:ve,radioButtonWrapper:Ae},Ee=({label:e,screenReaderLabel:t,variant:o="normal",size:s="medium",className:r,icon:l,contentRight:i,style:u,disabled:c,radioButtonClassName:x,...y})=>{const p=c?q.cssColor("--swui-text-disabled-color"):void 0;return n.jsx("label",{className:b(C.radioButtonBox,C[o],C[s],r),style:u,children:n.jsxs(a.Row,{justifyContent:"space-between",flexGrow:1,children:[n.jsxs(a.Row,{alignItems:"center",children:[n.jsx($,{...y,disabled:c,className:x}),n.jsx(a.Space,{}),t?n.jsx(a.ScreenReaderOnlyText,{children:t}):null,n.jsx(a.Text,{color:p,"aria-hidden":!!t,children:e})]}),n.jsxs(a.Row,{alignItems:"center",width:l?"48px":void 0,justifyContent:"center",children:[l&&n.jsx(f.Icon,{icon:l,size:24,color:p}),!l&&i]})]})})},Le=({label:e,inputRef:t,wrapperRef:o,textColor:s,screenReaderLabel:r,...l})=>n.jsx("div",{ref:o,children:n.jsx("label",{children:n.jsxs(a.Row,{alignItems:"center",children:[n.jsx($,{ref:t,...l}),n.jsx(a.Space,{}),r?n.jsx(a.ScreenReaderOnlyText,{children:r}):null,n.jsx(a.Text,{color:s,"aria-hidden":!!r,userSelect:"none",children:e})]})})}),D=(e,t,o,s,r,l,i,u)=>{const c=_.useRef(!1),x=d=>{c.current||l?.(d.target.value??""),i?.(d)},y=d=>{c.current=!1,u?.(d)};return{onKeyDownHandler:_.useCallback(d=>{const{key:h}=d;if(h==="Enter")c.current=!0,o?.(),l?.(d.currentTarget.value??"");else if(h==="Escape")c.current=!0,s?.(),d.preventDefault(),d.stopPropagation();else if(r){const j=(m,B)=>{c.current=!0,e.current.blur(),r(m),B.preventDefault(),B.stopPropagation()};d.shiftKey&&h==="Tab"?j("left",d):h==="Tab"?j("right",d):h==="ArrowUp"?j("up",d):h==="ArrowDown"?j("down",d):h==="ArrowRight"?e.current.value.length===e.current.selectionStart&&j("right",d):h==="ArrowLeft"&&e.current.selectionStart===0&&j("left",d)}t&&t(d)},[s,r,t,e,o,l]),onBlurHandler:x,onFocusHandler:y}};function U(e){return e.tagName==="TEXTAREA"||e.tagName==="INPUT"&&(e.type==="text"||e.type==="search"||e.type==="url"||e.type==="tel"||e.type==="password")}const K=(e,t,o)=>{_.useEffect(()=>{e.current&&U(e.current)&&(o?e.current.setSelectionRange(0,e.current.value.length):t&&e.current.setSelectionRange(e.current.value.length,e.current.value.length))},[t,e,o])},z=(e,{onEnter:t,onEsc:o,onChange:s,onValueChange:r,selectAllOnMount:l,moveCursorToEndOnMount:i,onDone:u,onMove:c,onFocus:x,onBlur:y,onKeyDown:p,autoFocus:d})=>{K(e,!!i,!!l);const{onKeyDownHandler:h,onFocusHandler:j,onBlurHandler:m}=D(e,p,t,o,c,u,y,x),B=_.useCallback(w=>{s?.(w),r?.(w.target.value)},[s,r]);return{onBlur:m,onChange:B,onFocus:j,onKeyDown:h,autoFocus:l||d}},He="_textInput_1qe61_1",We="_onlyTop_1qe61_11",Me="_disabled_1qe61_15",De="_onlyBottom_1qe61_20",Ue="_onlyLeft_1qe61_28",Ke="_onlyRight_1qe61_37",ze="_input_1qe61_50",Ge="_alwaysShowPlaceholder_1qe61_74",Xe="_icon_1qe61_85",Je="_standard_1qe61_95",Qe="_success_1qe61_96",Ye="_loading_1qe61_108",Ze="_modified_1qe61_113",Ve="_error_1qe61_122",et="_warning_1qe61_131",tt="_hideBorder_1qe61_145",nt="_clickable_1qe61_152",g={textInput:He,onlyTop:We,disabled:Me,onlyBottom:De,onlyLeft:Ue,onlyRight:Ke,input:ze,alwaysShowPlaceholder:Ge,icon:Xe,standard:Je,success:Qe,loading:Ye,modified:Ze,error:Ve,warning:et,hideBorder:tt,clickable:nt},R=({button:e,icon:t,iconClassName:o,content:s,spaceOnLeft:r,spaceOnRight:l,disableContentPadding:i,disableContentPaddingLeft:u,disableContentPaddingRight:c})=>!s&&!t&&!e?null:e?n.jsxs(n.Fragment,{children:[r?n.jsx(a.Space,{num:.25}):null,e,l?n.jsx(a.Space,{num:.25}):null]}):s?n.jsxs(n.Fragment,{children:[r&&!(i||u)?n.jsx(a.Space,{}):null,s||null,l&&!(i||c)?n.jsx(a.Space,{}):null]}):n.jsxs(n.Fragment,{children:[r?n.jsx(a.Space,{}):null,t&&n.jsx(xe.FontAwesomeIcon,{icon:t,className:b(g.icon,o)}),l?n.jsx(a.Space,{}):null]}),F=e=>{const{variant:t="standard",inputRef:o,disabled:s,className:r,buttonLeft:l,buttonRight:i,contentLeft:u,contentRight:c,disableContentPadding:x,disableContentPaddingLeft:y,disableContentPaddingRight:p,iconLeft:d,iconRight:h,moveCursorToEndOnMount:j,selectAllOnMount:m,autoFocus:B,onValueChange:w,wrapperClassName:J,wrapperStyle:Q,onDone:Y,onEnter:Z,onEsc:V,onMove:ee,onChange:te,onKeyDown:ne,hideBorder:oe,onFocus:se,onBlur:re,borderRadiusVariant:le="normalBorder",width:ce,alwaysShowPlaceholder:ae,...ie}=e,ue=_.useRef(null),A=o??ue,de=z(A,{onEnter:Z,onEsc:V,onChange:te,onValueChange:w,selectAllOnMount:m,moveCursorToEndOnMount:j,onDone:Y,onMove:ee,onFocus:se,onBlur:re,onKeyDown:ne,autoFocus:B}),pe=t==="success"?f.stenaCheck:t==="warning"||t==="error"?f.stenaExclamationTriangle:h,_e=t==="loading"?n.jsx(f.InputSpinner,{}):c;return n.jsxs("div",{className:b(g.textInput,g[t],g[le],{[g.disabled]:s},{[g.hideBorder]:oe},J),style:{width:ce,...Q},children:[n.jsx(R,{content:u,disableContentPadding:x,disableContentPaddingLeft:y,disableContentPaddingRight:p,icon:d,spaceOnLeft:!0,button:l}),n.jsx("input",{className:b(g.input,{[g.alwaysShowPlaceholder]:ae},r),type:"text",disabled:s,ref:A,autoFocus:B,...ie,...de}),n.jsx(R,{content:_e,disableContentPadding:x,disableContentPaddingLeft:y,disableContentPaddingRight:p,icon:pe,spaceOnRight:!0,button:i})]})},ot="_numericTextInputInput_1tnr6_1",st={numericTextInputInput:ot},P=({onValueChange:e,value:t,numSteps:o,min:s,max:r})=>{if(e)if(!t)e(String(N(o,s,r)));else{const i=(a.parseFloatElseUndefined(t)||0)+o;e(String(N(i,s,r)))}},O=({onValueChange:e,newValue:t,min:o,max:s})=>{if(e)if(t==="")e("");else{const l=a.parseFloatElseUndefined(t)||0;e(String(N(l,o,s)))}},N=(e,t,o)=>{let s=e;return t!=null&&(s=Math.max(t,s)),o!=null&&(s=Math.min(o,s)),s},G=({value:e,onValueChange:t,max:o,min:s,step:r=1,contentRight:l,disabled:i,className:u,hideButtons:c,...x})=>{const y=_.useCallback(h=>{P({onValueChange:t,value:e,numSteps:h,min:s,max:o})},[e,o,s,t]),p=_.useCallback(h=>{O({onValueChange:t,newValue:h,min:s,max:o})},[o,s,t]),d=c?l:n.jsxs(n.Fragment,{children:[l&&n.jsxs(n.Fragment,{children:[l,n.jsx(a.Space,{})]}),n.jsx(f.UpDownButtons,{onClickUp:i?void 0:()=>y(r),onClickDown:i?void 0:()=>y(-r),iconColor:"var(--swui-textinput-text-color)",disabled:i})]});return n.jsx(F,{contentRight:d,value:e,onValueChange:p,disableContentPaddingRight:!c,type:"number",min:s,max:o,step:r,className:b(st.numericTextInputInput,u),disabled:i,...x})},rt=(e,t)=>{const o=_.useCallback(r=>{if(t)if(!r)t(void 0);else{const l=a.parseFloatElseUndefined(r);l!==void 0&&t(l)}},[t]),s=_.useMemo(()=>e===void 0?"":String(e),[e]);return{onValueChange:o,value:s}},lt=(e,t)=>{if(S.isNil(e))return!1;{const o=a.parseFloatElseUndefined(e);return!S.isNil(o)&&!S.isNil(t)&&o<=t}},ct=(e,t)=>{if(S.isNil(e))return!1;{const o=a.parseFloatElseUndefined(e);return!S.isNil(o)&&!S.isNil(t)&&o>=t}},at=({disabled:e,onValueChange:t,value:o,max:s,min:r,step:l=1,...i})=>{const u=_.useCallback(x=>{P({onValueChange:t,value:o,numSteps:x,min:r,max:s})},[o,s,r,t]),c=_.useCallback(x=>{O({onValueChange:t,newValue:x,min:r,max:s})},[s,r,t]);return n.jsxs(a.Row,{role:"group",children:[n.jsx(f.FlatButton,{leftIcon:f.stenaMinus,"aria-label":"Decrease",disabled:e||lt(o,r),onClick:()=>u(-l)}),n.jsx(a.Space,{}),n.jsx(G,{hideButtons:!0,onValueChange:c,value:o,max:s,min:r,step:l,disabled:e,...i}),n.jsx(a.Space,{}),n.jsx(f.FlatButton,{leftIcon:f.stenaPlus,"aria-label":"Increase",disabled:e||ct(o,s),onClick:()=>u(l)})]})},it=({hiddenIcon:e=f.stenaEyeShow,visibleIcon:t=f.stenaEyeHide,...o})=>{const[s,r]=_.useState(!0);return n.jsx(F,{buttonRight:n.jsx(f.TextInputButton,{icon:s?e:t,onClick:()=>r(l=>!l)}),type:s?"password":"text",...o})},X=({disabled:e,text:t,...o})=>n.jsx(a.Text,{variant:"bold",color:q.cssColor(e?"--silver":"--tjara"),size:"small",...a.getDataProps(o),children:t}),v=({htmlFor:e,screenReaderLabel:t,label:o,disabled:s,className:r})=>n.jsxs("label",{htmlFor:e,className:r,children:[t?n.jsx(a.ScreenReaderOnlyText,{children:t}):null,n.jsx(X,{"aria-hidden":!!t,text:o,disabled:s})]}),ut="_labelledSelect_vs9pj_1",dt="_medium_vs9pj_7",pt="_large_vs9pj_11",_t="_error_vs9pj_15",xt="_normal_vs9pj_20",ht="_onlyTopBorder_vs9pj_25",ft="_onlyBottomBorder_vs9pj_31",yt="_onlyLeftBorder_vs9pj_36",jt="_onlyRightBorder_vs9pj_42",bt="_label_vs9pj_1",mt="_select_vs9pj_65",gt="_iconWrapper_vs9pj_99",I={labelledSelect:ut,medium:dt,large:pt,error:_t,normal:xt,onlyTopBorder:ht,onlyBottomBorder:ft,onlyLeftBorder:yt,onlyRightBorder:jt,label:bt,select:mt,iconWrapper:gt},Bt=({onChange:e,onValueChange:t,id:o,label:s,screenReaderLabel:r,borderVariant:l="normalBorder",variant:i="normal",size:u="medium",children:c,...x})=>{const y=_.useId(),p=o??y,d=_.useCallback(h=>{e?.(h),t?.(h.target.value)},[e,t]);return n.jsxs("div",{className:b(I.labelledSelect,I[i],I[u],I[l]),children:[n.jsx(v,{htmlFor:p,className:I.label,label:s,screenReaderLabel:r}),n.jsx("select",{id:p,onChange:d,className:b(I.select,I[i],I[u]),...x,children:c}),n.jsx("div",{className:b(I.iconWrapper),children:n.jsx(f.Icon,{icon:f.stenaAngleDown,size:24,color:q.cssColor("--core-blue")})})]})},It="_labelledTextInput_1uyc3_1",wt="_onlyTop_1uyc3_21",St="_onlyBottom_1uyc3_27",kt="_onlyLeft_1uyc3_32",Tt="_onlyRight_1uyc3_38",Rt="_disabled_1uyc3_53",Ct="_medium_1uyc3_61",Nt="_large_1uyc3_73",qt="_error_1uyc3_87",k={labelledTextInput:It,onlyTop:wt,onlyBottom:St,onlyLeft:kt,onlyRight:Tt,disabled:Rt,medium:Ct,large:Nt,error:qt},$t=ye.forwardRef(({autoComplete:e="off",label:t,id:o,screenReaderLabel:s,size:r="medium",value:l,onChange:i,disabled:u,onValueChange:c,borderRadiusVariant:x="normalBorder",variant:y="normal",width:p,...d},h)=>{const j=_.useId(),m=o??j,B=_.useCallback(w=>{i?.(w),c?.(w.target.value)},[i,c]);return n.jsxs("div",{className:b(k.labelledTextInput,k[y],k[x],k[r],u&&k.disabled),style:p?{width:p}:void 0,children:[n.jsx(v,{htmlFor:m,screenReaderLabel:s,label:t}),n.jsx("input",{ref:h,id:m,autoComplete:e,type:"text",value:l,onChange:B,disabled:u,...d})]})}),Ft=({variant:e="standard",disabled:t,wrapperClassName:o,wrapperStyle:s,contentLeft:r,contentRight:l,disableContentPadding:i,disableContentPaddingLeft:u,disableContentPaddingRight:c,iconRight:x,iconLeft:y,onClickLeft:p,onClickRight:d,children:h})=>{const j=e==="success"?f.stenaCheck:e==="warning"||e==="error"?f.stenaExclamationTriangle:x,m=e==="loading"?n.jsx(f.InputSpinner,{}):l;return n.jsxs("div",{className:b(g.textInput,g.inputContainer,g[e],{[g.disabled]:t},o),style:s,children:[n.jsx(R,{content:r,disableContentPadding:i,disableContentPaddingLeft:u,disableContentPaddingRight:c,spaceOnLeft:!0,button:y?n.jsx(f.TextInputButton,{onClick:p,icon:y}):void 0}),n.jsx(a.Row,{alignItems:"center",children:h}),n.jsx(R,{content:m,disableContentPadding:i,disableContentPaddingLeft:u,disableContentPaddingRight:c,spaceOnRight:!0,button:j?n.jsx(f.TextInputButton,{onClick:d,icon:j}):void 0})]})},Pt="_textArea_6n6nc_1",Ot={textArea:Pt},vt=_.forwardRef(({className:e,value:t,onValueChange:o,onChange:s,resize:r="none",readOnly:l=!1,rows:i,disabled:u,...c},x)=>{const y=_.useCallback(p=>{s&&s(p),o&&o(p.target.value)},[s,o]);return n.jsx("textarea",{disabled:u,rows:i,readOnly:l,className:b(Ot.textArea,e),style:{resize:r},onChange:y,value:t,ref:x,...c})});function At({value:e,tooltipLabel:t="Copied to clipboard!",size:o="small"}){const[s,r]=a.useTimeoutState(!1,2e3),l=_.useCallback(async()=>{e!=null&&(await navigator.clipboard.writeText(e),r(!0))},[r,e]);return n.jsx(he.Tooltip,{visible:s,label:t,children:n.jsx(f.FlatButton,{size:o,onClick:l,leftIcon:f.stenaCopy,disabled:e==null})})}exports.AmountStepperButtons=me;exports.Checkbox=M;exports.CheckboxWithLabel=Ce;exports.CopyToClipboardButton=At;exports.InputLabel=v;exports.InputLabelText=X;exports.LabelledSelect=Bt;exports.LabelledTextInput=$t;exports.NumericStepper=at;exports.NumericTextInput=G;exports.PasswordInput=it;exports.RadioButton=$;exports.RadioButtonBox=Ee;exports.RadioButtonWithLabel=Le;exports.ReadOnlyNumericInput=H;exports.Switch=W;exports.SwitchWithLabel=Se;exports.TextArea=vt;exports.TextInput=F;exports.TextInputBox=Ft;exports.elementHasSelectionRange=U;exports.onStepValueChange=P;exports.onTextValueChange=O;exports.useKeyboardNavigation=D;exports.useNumericInputValue=rt;exports.useSelectAllOnMount=K;exports.useTextInput=z;
3
3
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/forms",
3
- "version": "23.12.7",
3
+ "version": "23.12.8",
4
4
  "type": "module",
5
5
  "description": "",
6
6
  "author": "mattias800",
@@ -35,10 +35,10 @@
35
35
  "deploy": "gh-pages -d example/build"
36
36
  },
37
37
  "dependencies": {
38
- "@stenajs-webui/core": "23.12.7",
39
- "@stenajs-webui/elements": "23.12.7",
40
- "@stenajs-webui/theme": "23.12.7",
41
- "@stenajs-webui/tooltip": "23.12.7",
38
+ "@stenajs-webui/core": "23.12.8",
39
+ "@stenajs-webui/elements": "23.12.8",
40
+ "@stenajs-webui/theme": "23.12.8",
41
+ "@stenajs-webui/tooltip": "23.12.8",
42
42
  "classnames": "^2.5.1",
43
43
  "date-fns": "4.1.0",
44
44
  "lodash-es": "^4.17.21"
@@ -76,7 +76,7 @@
76
76
  "files": [
77
77
  "dist"
78
78
  ],
79
- "gitHead": "3294456a4e0c0a26fa67c42adac210db3aefe5ec",
79
+ "gitHead": "09cb3df5d4c25b937bc85d8d52d0f9cf2413d0d7",
80
80
  "publishConfig": {
81
81
  "access": "public"
82
82
  }