@amp-labs/react 2.7.2 → 2.7.3

package/build/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--amp-font-family: "DM Sans", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--amp-colors-white: #ffffff;--amp-colors-black: #111111;--amp-colors-primary: #000000;--amp-colors-neutral-25: #FEFEFE;--amp-colors-neutral-50: #FDFCFD;--amp-colors-neutral-100: #FAFAFC;--amp-colors-neutral-200: #F6F5F9;--amp-colors-neutral-300: #F1EFF5;--amp-colors-neutral-400: #EDEAF2;--amp-colors-neutral-500: #E8E5EF;--amp-colors-neutral-600: #918E95;--amp-colors-neutral-700: #646266;--amp-colors-neutral-800: #363638;--amp-colors-neutral-900: #1D1D1D;--amp-colors-text-standout: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-text-regular: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-100));--amp-colors-text-muted: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-bg-primary: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-800));--amp-colors-bg-secondary: light-dark(var(--amp-colors-neutral-50), var(--amp-colors-neutral-900));--amp-colors-bg-highlight: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-colors-border: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-default-border-radius: 6px;--amp-colors-status-critical-dark: #702525;--amp-colors-status-critical: #E73D3D;--amp-colors-status-critical-muted: #FFD9D9;--amp-colors-status-success-dark: #2A704A;--amp-colors-status-success: #49E792;--amp-colors-status-success-muted: #DCFFEC;--amp-colors-link-text: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-link-focus: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-700));--amp-colors-link-active: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-button-primary: var(--amp-colors-primary);--amp-colors-button-text: var(--amp-colors-white);--amp-button-font-size: 1rem;--amp-colors-input-border-default: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-700));--amp-colors-input-border-disabled: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-border-focus: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-input-border-hover: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-content-default: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-input-content-disabled: var(--amp-colors-neutral-600);--amp-colors-input-content-placeholder-text: var(--amp-colors-neutral-600);--amp-colors-input-surface-default: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-900));--amp-colors-input-surface-disabled: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-700));--amp-colors-input-surface-focus: light-dark(var(--amp-colors-white), var(--amp-colors-black));--amp-colors-input-surface-hover: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-800))}._box_1p7c5_1{border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-bg-primary);border:1px solid var(--amp-colors-border)}._container_1wvzr_1{max-width:60ch;margin-left:auto;margin-right:auto}._errorBoxContainer_4sdb2_1{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:30px;min-height:300px}._errorBox_4sdb2_1{display:flex;justify-content:center;align-items:center;padding:1em 2rem;border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-status-critical-muted);border:1px solid var(--amp-colors-status-critical-muted)}._errorText_4sdb2_20{color:var(--amp-colors-status-critical-dark)}._loader_6ubm6_1{animation:_rotate_6ubm6_1 1s infinite;height:50px;width:50px}._loader_6ubm6_1:before,._loader_6ubm6_1:after{border-radius:50%;content:"";display:block;height:20px;width:20px}._loader_6ubm6_1:before{animation:_ball1_6ubm6_1 1s infinite;background-color:var(--amp-colors-primary);box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}._loader_6ubm6_1:after{animation:_ball2_6ubm6_1 1s infinite;background-color:var(--amp-colors-neutral-700);box-shadow:30px 0 0 var(--amp-colors-primary)}@keyframes _rotate_6ubm6_1{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes _ball1_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-neutral-700)}50%{box-shadow:0 0 0 var(--amp-colors-neutral-700);margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}}@keyframes _ball2_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-primary)}50%{box-shadow:0 0 0 var(--amp-colors-primary);margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-primary);margin-top:0}}._resetContainer_lkwv9_4 *,._resetContainer_lkwv9_4 *:before,._resetContainer_lkwv9_4 *:after{box-sizing:border-box}._resetContainer_lkwv9_4 *{font-family:var(--amp-font-family)}._resetContainer_lkwv9_4 body,._resetContainer_lkwv9_4 h1,._resetContainer_lkwv9_4 h2,._resetContainer_lkwv9_4 h3,._resetContainer_lkwv9_4 h4,._resetContainer_lkwv9_4 h5,._resetContainer_lkwv9_4 h6,._resetContainer_lkwv9_4 p{margin:0;padding:0}._resetContainer_lkwv9_4 button{cursor:pointer}._button_kwfiu_1{color:var(--amp-colors-button-text);background-color:var(--amp-colors-button-primary);border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-border);height:2.5rem;font-size:var(--amp-button-font-size);font-weight:500;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_kwfiu_1:hover{opacity:.8}._button_kwfiu_1:focus{outline:none}._button_kwfiu_1:focus-visible{outline:none}._buttonError_kwfiu_28{border:1px solid var(--amp-colors-status-critical)}._button_kwfiu_1:focus:enabled{outline:none}._button_kwfiu_1:disabled{opacity:.5;cursor:not-allowed}._danger_kwfiu_42{color:var(--amp-colors-status-critical);background-color:var(--amp-colors-bg-secondary)}._ghost_kwfiu_47{border-color:var(--amp-colors-border);background-color:var(--amp-colors-bg-secondary);color:var(--amp-colors-text-regular)}._comboboxContainer_1lcc8_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_1lcc8_8{font-size:1rem}._inputContainer_1lcc8_12{display:flex;border:1px solid;border-color:var(--amp-colors-input-border-default);border-radius:var(--amp-default-border-radius)}._input_1lcc8_12{padding:.5rem;width:100%;font-size:1rem;background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);border-top-left-radius:var(--amp-default-border-radius);border-bottom-left-radius:var(--amp-default-border-radius)}._input_1lcc8_12:focus-visible{outline:1px solid var(--amp-colors-input-border-focus)}._toggleButton_1lcc8_33{padding:.5rem;cursor:pointer;background-color:var(--amp-colors-bg-highlight)}._menu_1lcc8_39{position:absolute;background-color:var(--amp-colors-input-surface-default);width:100%;max-height:120px;overflow-y:auto;margin-top:.25rem;border:1px solid;border-color:var(--amp-colors-input-border-default);z-index:10;border-radius:var(--amp-default-border-radius);padding:0;font-size:.8rem}._menuBottom_1lcc8_55{top:100%;margin-top:4px}._menuTop_1lcc8_61{bottom:100%;margin-bottom:4px}._menuItem_1lcc8_66{padding:.5rem;display:flex;flex-direction:column}._menuItem_1lcc8_66:hover,._highlighted_1lcc8_73{background-color:var(--amp-colors-input-surface-hover)}._selected_1lcc8_77{font-weight:700}._hidden_1lcc8_81{display:none}._formControl_9qd8d_1{margin-bottom:.25rem}._formLabel_9qd8d_5{font-weight:700;margin-bottom:.5rem;display:block}._formLabelRequired_9qd8d_11:after{content:" *";color:var(--amp-colors-status-critical-dark)}._formInput_9qd8d_16{position:relative}._formInputInvalid_9qd8d_20 input{border-color:var(--amp-colors-status-critical)}._formError_9qd8d_24{color:var(--amp-colors-status-critical-dark);font-size:.875rem;margin-top:.5rem}._disabled_9qd8d_30{opacity:.6;pointer-events:none}._divider_1kmoj_1{border:none;height:1px;background:var(--amp-colors-border)}._checkboxGroupContainer_1ya1t_1{margin-bottom:10px;border:1px solid var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._stack_1ya1t_6{overflow-y:scroll;max-height:300px}._selectAllContainer_1ya1t_11{background-color:var(--amp-colors-bg-highlight);padding:8px 10px;display:flex;align-items:center}._fieldContainer_1ya1t_18{padding:8px 10px;border-bottom:1px solid var(--amp-colors-border);display:flex;align-items:center}._checkbox_1ya1t_1{margin-right:10px;background-color:var(--amp-colors-bg-primary);width:20px;height:20px;border-radius:4px;display:flex;justify-content:center;border:1px solid var(--amp-colors-input-border-default);cursor:pointer;flex:none}._checkbox_1ya1t_1:hover{background-color:var(--amp-colors-input-surface-hover);border-color:var(--amp-colors-input-border-hover)}._checkbox_1ya1t_1:focus{box-shadow:0 0 0 2px var(--amp-colors-focus-border);border-color:var(--amp-colors-input-border-focus)}._link_oo2kv_1{color:var(--amp-colors-link-text);text-decoration:none;font-weight:500}._link_oo2kv_1:hover,._link_oo2kv_1:focus{text-decoration:underline;outline:none}._link_oo2kv_1:focus{outline:2px solid var(--amp-colors-link-focus);outline-offset:2px}._link_oo2kv_1:active{color:var(--amp-colors-link-active)}._input_1ymb7_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);height:2.5rem;transition:all .2s ease-in;color:var(--amp-colors-input-content-default);background-color:var(--amp-colors-input-surface-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 1rem;width:100%;transition:all .1s ease}._input_1ymb7_1:hover{border-color:var(--amp-colors-input-border-hover);background-color:var(--amp-colors-input-surface-hover)}._input_1ymb7_1::placeholder{color:var(--amp-colors-input-content-placeholder-text)}._inputError_1ymb7_27{border:1px solid var(--amp-colors-status-critical)}._input_1ymb7_1:focus:enabled{border:1px solid var(--amp-colors-input-border-focus);outline:none;background-color:var(--amp-colors-input-surface-focus)}._input_1ymb7_1:disabled{background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled);color:var(--amp-colors-input-content-disabled)}._error_1ymb7_43{color:var(--amp-colors-status-critical);font-size:.875rem;font-weight:400;line-height:1.25rem}._textarea_18zl4_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:.5rem 1rem;transition:all .05s ease-in}._textareaError_18zl4_14{border-color:var(--amp-colors-status-critical)}._textarea_18zl4_1:focus:enabled{border:2px solid var(--amp-colors-input-border-focus);outline:none}._textarea_18zl4_1:disabled{color:var(--amp-colors-input-content-disabled);background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled)}._error_18zl4_29{color:var(--amp-colors-status-critical-dark);font-size:.875rem;font-weight:400;line-height:1.25rem}._authenticationRow_cjz1t_1{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem}._field_cjz1t_8{color:var(--amp-colors-text-muted)}._value_cjz1t_12{color:var(--amp-colors-text-regular)}._tabsRoot_ktpr0_1{display:flex;width:100%}._tabsList_ktpr0_6{display:flex;flex-direction:column;width:100%}._tabTrigger_ktpr0_12{all:unset;padding:10px;cursor:pointer;background-color:var(--amp-colors-tabs-background);border-radius:var(--amp-default-border-radius);margin-bottom:5px}._tabTrigger_ktpr0_12:hover,._tabTrigger_ktpr0_12[data-state=active]{background-color:var(--amp-colors-bg-highlight)}._danger_ktpr0_29{color:var(--amp-colors-status-critical)}
+@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--amp-font-family: "DM Sans", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--amp-colors-white: #ffffff;--amp-colors-black: #111111;--amp-colors-primary: #000000;--amp-colors-neutral-25: #FEFEFE;--amp-colors-neutral-50: #FDFCFD;--amp-colors-neutral-100: #FAFAFC;--amp-colors-neutral-200: #F6F5F9;--amp-colors-neutral-300: #F1EFF5;--amp-colors-neutral-400: #EDEAF2;--amp-colors-neutral-500: #E8E5EF;--amp-colors-neutral-600: #918E95;--amp-colors-neutral-700: #646266;--amp-colors-neutral-800: #363638;--amp-colors-neutral-900: #1D1D1D;--amp-colors-text-standout: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-text-regular: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-100));--amp-colors-text-muted: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-bg-primary: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-800));--amp-colors-bg-secondary: light-dark(var(--amp-colors-neutral-50), var(--amp-colors-neutral-900));--amp-colors-bg-highlight: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-colors-border: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-default-border-radius: 6px;--amp-colors-status-critical-dark: #702525;--amp-colors-status-critical: #E73D3D;--amp-colors-status-critical-muted: #FFD9D9;--amp-colors-status-success-dark: #2A704A;--amp-colors-status-success: #49E792;--amp-colors-status-success-muted: #DCFFEC;--amp-colors-link-text: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-link-focus: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-700));--amp-colors-link-active: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-button-primary: var(--amp-colors-primary);--amp-colors-button-text: var(--amp-colors-white);--amp-button-font-size: 1rem;--amp-colors-input-border-default: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-700));--amp-colors-input-border-disabled: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-border-focus: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-input-border-hover: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-content-default: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-input-content-disabled: var(--amp-colors-neutral-600);--amp-colors-input-content-placeholder-text: var(--amp-colors-neutral-600);--amp-colors-input-surface-default: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-900));--amp-colors-input-surface-disabled: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-700));--amp-colors-input-surface-focus: light-dark(var(--amp-colors-white), var(--amp-colors-black));--amp-colors-input-surface-hover: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-800))}._box_1p7c5_1{border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-bg-primary);border:1px solid var(--amp-colors-border)}._container_1wvzr_1{max-width:60ch;margin-left:auto;margin-right:auto}._errorBoxContainer_4sdb2_1{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:30px;min-height:300px}._errorBox_4sdb2_1{display:flex;justify-content:center;align-items:center;padding:1em 2rem;border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-status-critical-muted);border:1px solid var(--amp-colors-status-critical-muted)}._errorText_4sdb2_20{color:var(--amp-colors-status-critical-dark)}._loader_6ubm6_1{animation:_rotate_6ubm6_1 1s infinite;height:50px;width:50px}._loader_6ubm6_1:before,._loader_6ubm6_1:after{border-radius:50%;content:"";display:block;height:20px;width:20px}._loader_6ubm6_1:before{animation:_ball1_6ubm6_1 1s infinite;background-color:var(--amp-colors-primary);box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}._loader_6ubm6_1:after{animation:_ball2_6ubm6_1 1s infinite;background-color:var(--amp-colors-neutral-700);box-shadow:30px 0 0 var(--amp-colors-primary)}@keyframes _rotate_6ubm6_1{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes _ball1_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-neutral-700)}50%{box-shadow:0 0 0 var(--amp-colors-neutral-700);margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}}@keyframes _ball2_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-primary)}50%{box-shadow:0 0 0 var(--amp-colors-primary);margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-primary);margin-top:0}}._button_kwfiu_1{color:var(--amp-colors-button-text);background-color:var(--amp-colors-button-primary);border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-border);height:2.5rem;font-size:var(--amp-button-font-size);font-weight:500;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_kwfiu_1:hover{opacity:.8}._button_kwfiu_1:focus{outline:none}._button_kwfiu_1:focus-visible{outline:none}._buttonError_kwfiu_28{border:1px solid var(--amp-colors-status-critical)}._button_kwfiu_1:focus:enabled{outline:none}._button_kwfiu_1:disabled{opacity:.5;cursor:not-allowed}._danger_kwfiu_42{color:var(--amp-colors-status-critical);background-color:var(--amp-colors-bg-secondary)}._ghost_kwfiu_47{border-color:var(--amp-colors-border);background-color:var(--amp-colors-bg-secondary);color:var(--amp-colors-text-regular)}._comboboxContainer_1lcc8_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_1lcc8_8{font-size:1rem}._inputContainer_1lcc8_12{display:flex;border:1px solid;border-color:var(--amp-colors-input-border-default);border-radius:var(--amp-default-border-radius)}._input_1lcc8_12{padding:.5rem;width:100%;font-size:1rem;background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);border-top-left-radius:var(--amp-default-border-radius);border-bottom-left-radius:var(--amp-default-border-radius)}._input_1lcc8_12:focus-visible{outline:1px solid var(--amp-colors-input-border-focus)}._toggleButton_1lcc8_33{padding:.5rem;cursor:pointer;background-color:var(--amp-colors-bg-highlight)}._menu_1lcc8_39{position:absolute;background-color:var(--amp-colors-input-surface-default);width:100%;max-height:120px;overflow-y:auto;margin-top:.25rem;border:1px solid;border-color:var(--amp-colors-input-border-default);z-index:10;border-radius:var(--amp-default-border-radius);padding:0;font-size:.8rem}._menuBottom_1lcc8_55{top:100%;margin-top:4px}._menuTop_1lcc8_61{bottom:100%;margin-bottom:4px}._menuItem_1lcc8_66{padding:.5rem;display:flex;flex-direction:column}._menuItem_1lcc8_66:hover,._highlighted_1lcc8_73{background-color:var(--amp-colors-input-surface-hover)}._selected_1lcc8_77{font-weight:700}._hidden_1lcc8_81{display:none}._formControl_9qd8d_1{margin-bottom:.25rem}._formLabel_9qd8d_5{font-weight:700;margin-bottom:.5rem;display:block}._formLabelRequired_9qd8d_11:after{content:" *";color:var(--amp-colors-status-critical-dark)}._formInput_9qd8d_16{position:relative}._formInputInvalid_9qd8d_20 input{border-color:var(--amp-colors-status-critical)}._formError_9qd8d_24{color:var(--amp-colors-status-critical-dark);font-size:.875rem;margin-top:.5rem}._disabled_9qd8d_30{opacity:.6;pointer-events:none}._divider_1kmoj_1{border:none;height:1px;background:var(--amp-colors-border)}._checkboxGroupContainer_1ya1t_1{margin-bottom:10px;border:1px solid var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._stack_1ya1t_6{overflow-y:scroll;max-height:300px}._selectAllContainer_1ya1t_11{background-color:var(--amp-colors-bg-highlight);padding:8px 10px;display:flex;align-items:center}._fieldContainer_1ya1t_18{padding:8px 10px;border-bottom:1px solid var(--amp-colors-border);display:flex;align-items:center}._checkbox_1ya1t_1{margin-right:10px;background-color:var(--amp-colors-bg-primary);width:20px;height:20px;border-radius:4px;display:flex;justify-content:center;border:1px solid var(--amp-colors-input-border-default);cursor:pointer;flex:none}._checkbox_1ya1t_1:hover{background-color:var(--amp-colors-input-surface-hover);border-color:var(--amp-colors-input-border-hover)}._checkbox_1ya1t_1:focus{box-shadow:0 0 0 2px var(--amp-colors-focus-border);border-color:var(--amp-colors-input-border-focus)}._authenticationRow_cjz1t_1{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem}._field_cjz1t_8{color:var(--amp-colors-text-muted)}._value_cjz1t_12{color:var(--amp-colors-text-regular)}._input_1ymb7_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);height:2.5rem;transition:all .2s ease-in;color:var(--amp-colors-input-content-default);background-color:var(--amp-colors-input-surface-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 1rem;width:100%;transition:all .1s ease}._input_1ymb7_1:hover{border-color:var(--amp-colors-input-border-hover);background-color:var(--amp-colors-input-surface-hover)}._input_1ymb7_1::placeholder{color:var(--amp-colors-input-content-placeholder-text)}._inputError_1ymb7_27{border:1px solid var(--amp-colors-status-critical)}._input_1ymb7_1:focus:enabled{border:1px solid var(--amp-colors-input-border-focus);outline:none;background-color:var(--amp-colors-input-surface-focus)}._input_1ymb7_1:disabled{background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled);color:var(--amp-colors-input-content-disabled)}._error_1ymb7_43{color:var(--amp-colors-status-critical);font-size:.875rem;font-weight:400;line-height:1.25rem}._textarea_18zl4_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:.5rem 1rem;transition:all .05s ease-in}._textareaError_18zl4_14{border-color:var(--amp-colors-status-critical)}._textarea_18zl4_1:focus:enabled{border:2px solid var(--amp-colors-input-border-focus);outline:none}._textarea_18zl4_1:disabled{color:var(--amp-colors-input-content-disabled);background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled)}._error_18zl4_29{color:var(--amp-colors-status-critical-dark);font-size:.875rem;font-weight:400;line-height:1.25rem}._link_oo2kv_1{color:var(--amp-colors-link-text);text-decoration:none;font-weight:500}._link_oo2kv_1:hover,._link_oo2kv_1:focus{text-decoration:underline;outline:none}._link_oo2kv_1:focus{outline:2px solid var(--amp-colors-link-focus);outline-offset:2px}._link_oo2kv_1:active{color:var(--amp-colors-link-active)}._tabsRoot_ktpr0_1{display:flex;width:100%}._tabsList_ktpr0_6{display:flex;flex-direction:column;width:100%}._tabTrigger_ktpr0_12{all:unset;padding:10px;cursor:pointer;background-color:var(--amp-colors-tabs-background);border-radius:var(--amp-default-border-radius);margin-bottom:5px}._tabTrigger_ktpr0_12:hover,._tabTrigger_ktpr0_12[data-state=active]{background-color:var(--amp-colors-bg-highlight)}._danger_ktpr0_29{color:var(--amp-colors-status-critical)}._resetContainer_lkwv9_4 *,._resetContainer_lkwv9_4 *:before,._resetContainer_lkwv9_4 *:after{box-sizing:border-box}._resetContainer_lkwv9_4 *{font-family:var(--amp-font-family)}._resetContainer_lkwv9_4 body,._resetContainer_lkwv9_4 h1,._resetContainer_lkwv9_4 h2,._resetContainer_lkwv9_4 h3,._resetContainer_lkwv9_4 h4,._resetContainer_lkwv9_4 h5,._resetContainer_lkwv9_4 h6,._resetContainer_lkwv9_4 p{margin:0;padding:0}._resetContainer_lkwv9_4 button{cursor:pointer}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amp-labs/react",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "description": "Ampersand React library.",
   "author": {
     "name": "Ampersand Labs",
@@ -37,8 +37,8 @@
     "prepbuild": "yarn clean && node -p \"'export const LIB_VERSION = ' + JSON.stringify(require('./package.json').version) + ';'\" | sed \"s|\\\"|'|g\" > src/services/version.ts",
     "clean": "rm -rf ./build/",
     "assets": "mkdir ./build/ && cp -R ./src/public/ ./build/public/",
-    "lint": "eslint --ext .ts,.tsx -c .eslintrc.cjs src/ --fix",
-    "lint:dry": "eslint --ext .ts,.tsx -c .eslintrc.cjs src/",
+    "lint": "eslint --ext .ts,.tsx -c eslint.config.js src/ --fix",
+    "lint:dry": "eslint --ext .ts,.tsx -c eslint.config.js src/",
     "clean-api": "rm -rf generated-sources/api",
     "generate-api": "yarn clean-api && openapi-generator-cli generate -i https://raw.githubusercontent.com/amp-labs/openapi/main/api/api.yaml -g typescript-fetch -o generated-sources/api --additional-properties=npmName=amp-labs-generated-rest-sdk,supportsES6=true,withInterfaces=true",
     "gen": "yarn generate-api"
@@ -62,26 +62,26 @@
     "@types/node": "^22.0.0",
     "@types/react": "18.3.2",
     "@types/react-dom": "18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.10.0",
-    "@typescript-eslint/parser": "^7.10.0",
+    "@typescript-eslint/eslint-plugin": "^8.29.1",
+    "@typescript-eslint/parser": "^8.29.1",
     "@vitejs/plugin-react": "^4.3.1",
     "babel-jest": "^29.7.0",
-    "eslint": "^8.52.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-plugin-import": "^2.29.0",
+    "eslint": "^9.2.0",
+    "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-n": "^17.2.0",
+    "eslint-plugin-prettier": "^5.2.6",
     "eslint-plugin-promise": "^7.0.0",
     "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-simple-import-sort": "^12.0.0",
     "jest": "^29.7.0",
+    "prettier": "^3.5.3",
     "react-test-renderer": "^19.0.0",
     "rollup-plugin-visualizer": "^5.12.0",
-    "typescript": "^5.2.2",
+    "typescript": "^5.8.3",
     "vite": "^5.3.3",
-    "vite-plugin-dts": "^4.0.2"
+    "vite-plugin-dts": "^4.1.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0 <20.0.0",
@@ -94,6 +94,8 @@
     "@tanstack/react-query": "^5.64.2",
     "classnames": "^2.5.1",
     "downshift": "^9.0.8",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.0.0",
     "immer": "^10.0.3",
     "lodash.isequal": "^4.5.0",
     "react-tooltip": "^5.28.0"