@amp-labs/react 1.17.0 → 1.17.1

package/build/style.css

@@ -1 +1 @@
-:root{--amp-colors-white: #ffffff;--amp-colors-black: #000000;--amp-colors-neutral-50: #fafafa;--amp-colors-neutral-100: #f5f5f5;--amp-colors-neutral-200: #e5e5e5;--amp-colors-neutral-300: #d4d4d4;--amp-colors-neutral-400: #a3a3a3;--amp-colors-neutral-500: #737373;--amp-colors-neutral-600: #525252;--amp-colors-neutral-700: #404040;--amp-colors-neutral-800: #262626;--amp-colors-neutral-900: #171717;--amp-colors-neutral-950: #0a0a0a;--amp-colors-gray-50: #F7FAFC;--amp-colors-gray-100: #EDF2F7;--amp-colors-gray-200: #E2E8F0;--amp-colors-gray-300: #CBD5E0;--amp-colors-gray-400: #A0AEC0;--amp-colors-gray-500: #718096;--amp-colors-gray-600: #4A5568;--amp-colors-gray-700: #2D3748;--amp-colors-gray-800: #1A202C;--amp-colors-gray-900: #171923;--amp-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--amp-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--amp-colors-border: var(--amp-colors-neutral-200);--amp-colors-error-background: #FEF2F2;--amp-colors-error-background-hover: #FED7D7;--amp-colors-error-border: #FECACA;--amp-colors-error-text: #991B1B;--amp-colors-accent-primary: var(--amp-colors-neutral-700);--amp-colors-accent-secondary: var(--amp-colors-neutral-500);--amp-colors-background: var(--amp-colors-neutral-50);--amp-colors-background-secondary: #FCFCFC;--amp-colors-text-secondary: var(--amp-colors-neutral-500);--amp-colors-badge: var(--amp-colors-neutral-200);--amp-colors-badge-text: var(--amp-colors-neutral-700);--amp-colors-link-base: var(--amp-colors-neutral-500);--amp-colors-link-text: var(--amp-colors-link-base);--amp-colors-link-hover: calc(var(--amp-colors-link-base) + 10%);--amp-colors-link-focus: calc(var(--amp-colors-link-base) + 15%);--amp-colors-link-active: calc(var(--amp-colors-link-base) - 20%);--amp-colors-button-primary: var(--amp-colors-accent-primary);--amp-colors-button-primary-hover: var(--amp-colors-neutral-600);--amp-colors-button-text: var(--amp-colors-neutral-200);--amp-button-hover-shadow: var(--amp-shadows-sm);--amp-colors-menu-hover: var(--amp-colors-gray-100);--amp-colors-focus-border: var(--amp-colors-neutral-800);--amp-colors-tabs-background: #f1f5f9;--amp-colors-tabs-background-active: #e0e9f5;--amp-colors-tabs-text: #1a202c;--amp-default-border-radius: 4px;--amp-accessibility-color: var(--amp-colors-gray-200)}._box_3e1nt_1{border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-white);box-shadow:var(--amp-shadows-sm);border:1px solid var(--amp-colors-border)}._container_1wvzr_1{max-width:60ch;margin-left:auto;margin-right:auto}._errorBoxContainer_1qhwq_1{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:30px;min-height:300px}._errorBox_1qhwq_1{display:flex;justify-content:center;align-items:center;padding:1em 2rem;border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-error-background);border:1px solid var(--amp-colors-error-border)}._errorText_1qhwq_20{color:var(--amp-colors-error-text)}._loader_h78nh_1{animation:_rotate_h78nh_1 1s infinite;height:50px;width:50px}._loader_h78nh_1:before,._loader_h78nh_1:after{border-radius:50%;content:"";display:block;height:20px;width:20px}._loader_h78nh_1:before{animation:_ball1_h78nh_1 1s infinite;background-color:var(--amp-colors-accent-primary);box-shadow:30px 0 0 var(--amp-colors-accent-secondary);margin-bottom:10px}._loader_h78nh_1:after{animation:_ball2_h78nh_1 1s infinite;background-color:var(--amp-colors-accent-secondary);box-shadow:30px 0 0 var(--amp-colors-accent-primary)}@keyframes _rotate_h78nh_1{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes _ball1_h78nh_1{0%{box-shadow:30px 0 0 var(--amp-colors-accent-secondary)}50%{box-shadow:0 0 0 var(--amp-colors-accent-secondary);margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-accent-secondary);margin-bottom:10px}}@keyframes _ball2_h78nh_1{0%{box-shadow:30px 0 0 var(--amp-colors-accent-primary)}50%{box-shadow:0 0 0 var(--amp-colors-accent-primary);margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-accent-primary);margin-top:0}}._button_rchgn_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:inherit;height:2.5rem;font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_rchgn_1:hover{background-color:var(--amp-colors-button-primary-hover);box-shadow:var(--amp-button-hover-shadow)}._buttonError_rchgn_21{border:1px solid var(--amp-colors-error-border)}._button_rchgn_1:focus:enabled{border:2px solid var(--amp-colors-accent-primary);outline:none}._button_rchgn_1:disabled{opacity:.5;cursor:not-allowed}button[aria-expanded=true]{background-color:var(--amp-accessibility-color)}._danger_rchgn_40{color:var(--amp-colors-error-text);background-color:var(--amp-colors-error-background);border-color:var(--amp-colors-error-border)}._danger_rchgn_40:hover{background-color:var(--amp-colors-error-background-hover)}._ghost_rchgn_50{background-color:#fff;color:var(--amp-colors-neutral-900)}._ghost_rchgn_50:hover{background-color:var(--amp-button-hover-shadow)}._comboboxContainer_12y8e_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_12y8e_8{font-size:1rem}._inputContainer_12y8e_12{display:flex;background-color:#fff;border:1px solid;border-color:var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._input_12y8e_12{padding:.5rem;width:100%}._toggleButton_12y8e_25{padding:.5rem;cursor:pointer}._menu_12y8e_30{position:absolute;background-color:#fff;width:100%;max-height:200px;overflow-y:auto;margin-top:.25rem;border:1px solid;border-color:var(--amp-colors-border);z-index:10;border-radius:var(--amp-default-border-radius)}._menuItem_12y8e_43{padding:.5rem;display:flex;flex-direction:column}._menuItem_12y8e_43:hover,._highlighted_12y8e_50{background-color:var(--amp-colors-menu-hover)}._selected_12y8e_54{font-weight:700}._hidden_12y8e_58{display:none}._formControl_jxoqf_1{margin-bottom:1rem}._formLabel_jxoqf_5{font-weight:700;margin-bottom:.5rem;display:block}._formLabelRequired_jxoqf_11:after{content:" *";color:var(--amp-colors-error-text)}._formInput_jxoqf_16{position:relative}._formInputInvalid_jxoqf_20 input{border-color:var(--amp-colors-error-border)}._formError_jxoqf_24{color:var(--amp-colors-error-text);font-size:.875rem;margin-top:.5rem}._disabled_jxoqf_30{opacity:.6;pointer-events:none}._divider_j6suu_1{border-color:var(--amp-colors-border)}._checkboxGroupContainer_j54z7_1{margin-bottom:10px;border:2px solid var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._stack_j54z7_6{overflow-y:scroll;max-height:300px}._selectAllContainer_j54z7_11{background-color:var(--amp-colors-neutral-100);padding:8px 16px;display:flex;align-items:center}._fieldContainer_j54z7_18{padding:8px 16px;border-bottom:1px solid var(--amp-colors-border);display:flex;align-items:center}._checkbox_j54z7_1{margin-right:10px;background-color:#fff;width:25px;height:25px;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000012;border:1px solid var(--amp-colors-border);cursor:pointer;flex:none}._checkbox_j54z7_1:hover{background-color:var(--amp-accessibility-color)}._checkbox_j54z7_1:focus{box-shadow:0 0 0 2px var(--amp-colors-focus-border)}._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_19woe_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:inherit;height:2.5rem;transition:all .2s ease-in;color:var(--amp-colors-neutral-800);font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 1rem;width:100%;transition:all .1s ease}._inputError_19woe_17{border:1px solid var(--amp-colors-error-border)}._input_19woe_1:focus:enabled{border:2px solid var(--amp-colors-accent-primary);outline:none}._input_19woe_1:disabled{background-color:var(--amp-colors-neutral-300);border:1px solid var(--amp-colors-neutral-400)}._error_19woe_31{color:var(--amp-colors-error-border);font-size:.875rem;font-weight:400;line-height:1.25rem}._textarea_1efhx_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:inherit;color:var(--amp-colors-neutral-800);font-size:1rem;font-weight:400;line-height:1.5rem;padding:.5rem 1rem;transition:all .05s ease-in}._textareaError_1efhx_13{border-color:var(--amp-colors-error-border)}._textarea_1efhx_1:focus:enabled{border:2px solid var(--amp-colors-accent-primary);outline:none}._textarea_1efhx_1:disabled{background-color:var(--amp-colors-neutral-300);border:1px solid var(--amp-colors-neutral-400)}._error_1efhx_27{color:var(--amp-colors-error-text);font-size:.875rem;font-weight:400;line-height:1.25rem}._tabsRoot_1keq3_1{display:flex;width:100%}._tabsList_1keq3_6{display:flex;flex-direction:column;width:100%}._tabTrigger_1keq3_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_1keq3_12[data-state=active]{background-color:var(--amp-colors-tabs-background-active)}._danger_1keq3_25{color:var(--amp-colors-error-text);background-color:var(--amp-colors-error-background);border-color:var(--amp-colors-error-border)}._danger_1keq3_25[data-state=active]{background-color:var(--amp-colors-error-background-hover)}
+:root{--amp-colors-white: #ffffff;--amp-colors-black: #000000;--amp-colors-neutral-50: #fafafa;--amp-colors-neutral-100: #f5f5f5;--amp-colors-neutral-200: #e5e5e5;--amp-colors-neutral-300: #d4d4d4;--amp-colors-neutral-400: #a3a3a3;--amp-colors-neutral-500: #737373;--amp-colors-neutral-600: #525252;--amp-colors-neutral-700: #404040;--amp-colors-neutral-800: #262626;--amp-colors-neutral-900: #171717;--amp-colors-neutral-950: #0a0a0a;--amp-colors-border: var(--amp-colors-neutral-200);--amp-colors-error-background: #FEF2F2;--amp-colors-error-background-hover: #FED7D7;--amp-colors-error-border: #FECACA;--amp-colors-error-text: #991B1B;--amp-colors-callout-background: var(--amp-colors-neutral-100);--amp-colors-accent-primary: var(--amp-colors-neutral-700);--amp-colors-accent-secondary: var(--amp-colors-neutral-500);--amp-colors-background: var(--amp-colors-white);--amp-colors-text-secondary: var(--amp-colors-neutral-700);--amp-colors-badge: var(--amp-colors-neutral-100);--amp-colors-badge-text: var(--amp-colors-neutral-700);--amp-colors-link-text: var(--amp-colors-neutral-700);--amp-colors-link-focus: var(--amp-colors-neutral-800);--amp-colors-link-active: var(--amp-colors-neutral-600);--amp-colors-button-primary: var(--amp-colors-accent-primary);--amp-colors-button-primary-hover: var(--amp-colors-neutral-600);--amp-colors-button-text: var(--amp-colors-neutral-200);--amp-colors-input-hover: var(--amp-colors-neutral-100);--amp-colors-focus-border: var(--amp-colors-neutral-800);--amp-colors-tabs-background: transparent;--amp-colors-tabs-background-active: var(--amp-colors-neutral-100);--amp-colors-tabs-background-hover: var(--amp-colors-neutral-100);--amp-colors-tabs-text: var(--amp-colors-neutral-900);--amp-default-border-radius: 4px}._box_1is6l_1{border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-white);border:1px solid var(--amp-colors-border)}._container_1wvzr_1{max-width:60ch;margin-left:auto;margin-right:auto}._errorBoxContainer_1qhwq_1{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:30px;min-height:300px}._errorBox_1qhwq_1{display:flex;justify-content:center;align-items:center;padding:1em 2rem;border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-error-background);border:1px solid var(--amp-colors-error-border)}._errorText_1qhwq_20{color:var(--amp-colors-error-text)}._loader_h78nh_1{animation:_rotate_h78nh_1 1s infinite;height:50px;width:50px}._loader_h78nh_1:before,._loader_h78nh_1:after{border-radius:50%;content:"";display:block;height:20px;width:20px}._loader_h78nh_1:before{animation:_ball1_h78nh_1 1s infinite;background-color:var(--amp-colors-accent-primary);box-shadow:30px 0 0 var(--amp-colors-accent-secondary);margin-bottom:10px}._loader_h78nh_1:after{animation:_ball2_h78nh_1 1s infinite;background-color:var(--amp-colors-accent-secondary);box-shadow:30px 0 0 var(--amp-colors-accent-primary)}@keyframes _rotate_h78nh_1{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes _ball1_h78nh_1{0%{box-shadow:30px 0 0 var(--amp-colors-accent-secondary)}50%{box-shadow:0 0 0 var(--amp-colors-accent-secondary);margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-accent-secondary);margin-bottom:10px}}@keyframes _ball2_h78nh_1{0%{box-shadow:30px 0 0 var(--amp-colors-accent-primary)}50%{box-shadow:0 0 0 var(--amp-colors-accent-primary);margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-accent-primary);margin-top:0}}._button_1bwj3_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:inherit;height:2.5rem;font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_1bwj3_1:hover{background-color:var(--amp-colors-button-primary-hover);box-shadow:var(--amp-button-hover-shadow)}._buttonError_1bwj3_21{border:1px solid var(--amp-colors-error-border)}._button_1bwj3_1:focus:enabled{border:2px solid var(--amp-colors-accent-primary);outline:none}._button_1bwj3_1:disabled{opacity:.5;cursor:not-allowed}button[aria-expanded=true]{background-color:var(--amp-colors-input-hover)}._danger_1bwj3_40{color:var(--amp-colors-error-text);background-color:var(--amp-colors-error-background);border-color:var(--amp-colors-error-border)}._danger_1bwj3_40:hover{background-color:var(--amp-colors-error-background-hover)}._ghost_1bwj3_50{background-color:#fff;color:var(--amp-colors-neutral-900)}._ghost_1bwj3_50:hover{background-color:var(--amp-button-hover-shadow)}._comboboxContainer_1yunp_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_1yunp_8{font-size:1rem}._inputContainer_1yunp_12{display:flex;background-color:#fff;border:1px solid;border-color:var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._input_1yunp_12{padding:.5rem;width:100%}._toggleButton_1yunp_25{padding:.5rem;cursor:pointer}._menu_1yunp_30{position:absolute;background-color:#fff;width:100%;max-height:200px;overflow-y:auto;margin-top:.25rem;border:1px solid;border-color:var(--amp-colors-border);z-index:10;border-radius:var(--amp-default-border-radius)}._menuItem_1yunp_43{padding:.5rem;display:flex;flex-direction:column}._menuItem_1yunp_43:hover,._highlighted_1yunp_50{background-color:var(--amp-colors-input-hover)}._selected_1yunp_54{font-weight:700}._hidden_1yunp_58{display:none}._formControl_4arwu_1{margin-bottom:.25rem}._formLabel_4arwu_5{font-weight:700;margin-bottom:.5rem;display:block}._formLabelRequired_4arwu_11:after{content:" *";color:var(--amp-colors-error-text)}._formInput_4arwu_16{position:relative}._formInputInvalid_4arwu_20 input{border-color:var(--amp-colors-error-border)}._formError_4arwu_24{color:var(--amp-colors-error-text);font-size:.875rem;margin-top:.5rem}._disabled_4arwu_30{opacity:.6;pointer-events:none}._divider_j6suu_1{border-color:var(--amp-colors-border)}._checkboxGroupContainer_19hkn_1{margin-bottom:10px;border:1px solid var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._stack_19hkn_6{overflow-y:scroll;max-height:300px}._selectAllContainer_19hkn_11{background-color:var(--amp-colors-neutral-100);padding:8px 10px;display:flex;align-items:center}._fieldContainer_19hkn_18{padding:8px 10px;border-bottom:1px solid var(--amp-colors-border);display:flex;align-items:center}._checkbox_19hkn_1{margin-right:10px;background-color:#fff;width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--amp-colors-border);cursor:pointer;flex:none}._checkbox_19hkn_1:hover{background-color:var(--amp-colors-input-hover)}._checkbox_19hkn_1:focus{box-shadow:0 0 0 2px var(--amp-colors-focus-border)}._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_19woe_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:inherit;height:2.5rem;transition:all .2s ease-in;color:var(--amp-colors-neutral-800);font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 1rem;width:100%;transition:all .1s ease}._inputError_19woe_17{border:1px solid var(--amp-colors-error-border)}._input_19woe_1:focus:enabled{border:2px solid var(--amp-colors-accent-primary);outline:none}._input_19woe_1:disabled{background-color:var(--amp-colors-neutral-300);border:1px solid var(--amp-colors-neutral-400)}._error_19woe_31{color:var(--amp-colors-error-border);font-size:.875rem;font-weight:400;line-height:1.25rem}._textarea_1efhx_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:inherit;color:var(--amp-colors-neutral-800);font-size:1rem;font-weight:400;line-height:1.5rem;padding:.5rem 1rem;transition:all .05s ease-in}._textareaError_1efhx_13{border-color:var(--amp-colors-error-border)}._textarea_1efhx_1:focus:enabled{border:2px solid var(--amp-colors-accent-primary);outline:none}._textarea_1efhx_1:disabled{background-color:var(--amp-colors-neutral-300);border:1px solid var(--amp-colors-neutral-400)}._error_1efhx_27{color:var(--amp-colors-error-text);font-size:.875rem;font-weight:400;line-height:1.25rem}._tabsRoot_bghy2_1{display:flex;width:100%}._tabsList_bghy2_6{display:flex;flex-direction:column;width:100%}._tabTrigger_bghy2_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_bghy2_12:hover{background-color:var(--amp-colors-tabs-background-hover)}._tabTrigger_bghy2_12[data-state=active]{background-color:var(--amp-colors-tabs-background-active)}._danger_bghy2_29{color:var(--amp-colors-error-text);border-color:var(--amp-colors-error-border)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amp-labs/react",
-  "version": "1.17.0",
+  "version": "1.17.1",
   "description": "Ampersand React library.",
   "author": {
     "name": "Ampersand Labs",