@stenajs-webui/forms 23.16.1 → 23.16.3

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 (4) hide show
  1. package/dist/index.css +1 -0
  2. package/dist/index.es.js +1 -2
  3. package/dist/index.js +1 -2
  4. package/package.json +9 -7
package/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ ._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)}
package/dist/index.es.js CHANGED
@@ -1,4 +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_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
1
  import { jsx as o, jsxs as f, Fragment as N } from "react/jsx-runtime";
3
2
  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
3
  import * as St from "react";
@@ -9,7 +8,7 @@ import { cssColor as E } from "@stenajs-webui/theme";
9
8
  import { FontAwesomeIcon as Pt } from "@fortawesome/react-fontawesome";
10
9
  import { isNil as S } from "lodash-es";
11
10
  import { Tooltip as At } from "@stenajs-webui/tooltip";
12
- const Ht = "_readOnlyInput_7bzmw_1", Ft = {
11
+ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
13
12
  readOnlyInput: Ht
14
13
  }, Wt = ({
15
14
  value: t,
package/dist/index.js CHANGED
@@ -1,3 +1,2 @@
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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');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
2
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/forms",
3
- "version": "23.16.1",
3
+ "version": "23.16.3",
4
4
  "type": "module",
5
5
  "description": "",
6
6
  "author": "mattias800",
@@ -20,7 +20,9 @@
20
20
  },
21
21
  "./package.json": "./package.json"
22
22
  },
23
- "sideEffects": false,
23
+ "sideEffects": [
24
+ "**/*.css"
25
+ ],
24
26
  "engines": {
25
27
  "node": ">=8",
26
28
  "npm": ">=5"
@@ -35,10 +37,10 @@
35
37
  "deploy": "gh-pages -d example/build"
36
38
  },
37
39
  "dependencies": {
38
- "@stenajs-webui/core": "23.16.1",
39
- "@stenajs-webui/elements": "23.16.1",
40
- "@stenajs-webui/theme": "23.16.1",
41
- "@stenajs-webui/tooltip": "23.16.1",
40
+ "@stenajs-webui/core": "23.16.3",
41
+ "@stenajs-webui/elements": "23.16.3",
42
+ "@stenajs-webui/theme": "23.16.3",
43
+ "@stenajs-webui/tooltip": "23.16.3",
42
44
  "classnames": "^2.5.1",
43
45
  "date-fns": "4.1.0",
44
46
  "lodash-es": "^4.17.21"
@@ -76,7 +78,7 @@
76
78
  "files": [
77
79
  "dist"
78
80
  ],
79
- "gitHead": "d2865c3bec362ff894d4d11273b5fd2827d9731d",
81
+ "gitHead": "ed00286bddd313d67ef7e81bdec73f9e47cf7707",
80
82
  "publishConfig": {
81
83
  "access": "public"
82
84
  }