@amp-labs/react 2.2.3 → 2.3.0

package/build/index.d.ts

@@ -59,7 +59,7 @@ declare interface ConnectProviderProps {
 export declare function FieldMapping({ field, onSelectChange, allFields }: FieldMappingProps): JSX_2.Element;
 
 declare type FieldMapping_2 = {
-    [key: string]: Array<IntegrationFieldMapping>;
+    [key: string]: Array<FieldMappingWithMappedValues>;
 };
 
 declare interface FieldMappingProps {
@@ -68,6 +68,17 @@ declare interface FieldMappingProps {
     allFields: HydratedIntegrationFieldExistent[];
 }
 
+declare type FieldMappingWithMappedValues = IntegrationFieldMapping & {
+    /**
+     * The name of the field to map from the source
+     */
+    fieldName?: string;
+    /**
+     * The app-specific values to map provider API values to
+     */
+    mappedValues?: MappedValue[];
+};
+
 export declare function InstallIntegration({ integration, consumerRef, consumerName, groupRef, groupName, onInstallSuccess, onUpdateSuccess, onUninstallSuccess, fieldMapping, }: InstallIntegrationProps): JSX_2.Element;
 
 declare interface InstallIntegrationProps {
@@ -101,6 +112,11 @@ declare interface InstallIntegrationProps {
     onUninstallSuccess?: (installationId: string) => void;
 }
 
+declare interface MappedValue {
+    mappedValue: string;
+    mappedDisplayValue: string;
+}
+
 export declare function useAmpersandProvider(): never;
 
 export declare const useIsIntegrationInstalled: (integration: string, groupRef: string) => UseIsIntegrationInstalledResult;

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-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-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_1kk7v_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:1rem;font-weight:500;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_1kk7v_1:hover{opacity:.8}._buttonError_1kk7v_20{border:1px solid var(--amp-colors-status-critical)}._button_1kk7v_1:focus:enabled{border:2px solid var(--amp-colors-input-border-focus);outline:none}._button_1kk7v_1:disabled{opacity:.5;cursor:not-allowed}._danger_1kk7v_34{color:var(--amp-colors-status-critical);background-color:var(--amp-colors-bg-secondary)}._ghost_1kk7v_39{border-color:var(--amp-colors-border);background-color:var(--amp-colors-bg-secondary);color:var(--amp-colors-text-regular)}._comboboxContainer_9s7ov_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_9s7ov_8{font-size:1rem}._inputContainer_9s7ov_12{display:flex;border:1px solid;border-color:var(--amp-colors-input-border-default);border-radius:var(--amp-default-border-radius)}._input_9s7ov_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_9s7ov_12:focus-visible{outline:1px solid var(--amp-colors-input-border-focus)}._toggleButton_9s7ov_33{padding:.5rem;cursor:pointer;background-color:var(--amp-colors-bg-highlight)}._menu_9s7ov_39{position:absolute;background-color:var(--amp-colors-input-surface-default);width:100%;max-height:200px;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}._menuItem_9s7ov_54{padding:.5rem;display:flex;flex-direction:column}._menuItem_9s7ov_54:hover,._highlighted_9s7ov_61{background-color:var(--amp-colors-input-surface-hover)}._selected_9s7ov_65{font-weight:700}._hidden_9s7ov_69{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_10rzg_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_10rzg_1:hover{border-color:var(--amp-colors-input-border-hover);background-color:var(--amp-colors-input-surface-hover)}._input_10rzg_1::placeholder{color:var(--amp-colors-input-content-placeholder-text)}._inputError_10rzg_27{border:1px solid var(--amp-colors-status-critical)}._input_10rzg_1:focus:enabled{border:2px solid var(--amp-colors-input-border-focus);outline:none;background-color:var(--amp-colors-input-surface-focus)}._input_10rzg_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_10rzg_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}._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-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-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_1kk7v_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:1rem;font-weight:500;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_1kk7v_1:hover{opacity:.8}._buttonError_1kk7v_20{border:1px solid var(--amp-colors-status-critical)}._button_1kk7v_1:focus:enabled{border:2px solid var(--amp-colors-input-border-focus);outline:none}._button_1kk7v_1:disabled{opacity:.5;cursor:not-allowed}._danger_1kk7v_34{color:var(--amp-colors-status-critical);background-color:var(--amp-colors-bg-secondary)}._ghost_1kk7v_39{border-color:var(--amp-colors-border);background-color:var(--amp-colors-bg-secondary);color:var(--amp-colors-text-regular)}._comboboxContainer_9s7ov_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_9s7ov_8{font-size:1rem}._inputContainer_9s7ov_12{display:flex;border:1px solid;border-color:var(--amp-colors-input-border-default);border-radius:var(--amp-default-border-radius)}._input_9s7ov_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_9s7ov_12:focus-visible{outline:1px solid var(--amp-colors-input-border-focus)}._toggleButton_9s7ov_33{padding:.5rem;cursor:pointer;background-color:var(--amp-colors-bg-highlight)}._menu_9s7ov_39{position:absolute;background-color:var(--amp-colors-input-surface-default);width:100%;max-height:200px;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}._menuItem_9s7ov_54{padding:.5rem;display:flex;flex-direction:column}._menuItem_9s7ov_54:hover,._highlighted_9s7ov_61{background-color:var(--amp-colors-input-surface-hover)}._selected_9s7ov_65{font-weight:700}._hidden_9s7ov_69{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)}._input_10rzg_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_10rzg_1:hover{border-color:var(--amp-colors-input-border-hover);background-color:var(--amp-colors-input-surface-hover)}._input_10rzg_1::placeholder{color:var(--amp-colors-input-content-placeholder-text)}._inputError_10rzg_27{border:1px solid var(--amp-colors-status-critical)}._input_10rzg_1:focus:enabled{border:2px solid var(--amp-colors-input-border-focus);outline:none;background-color:var(--amp-colors-input-surface-focus)}._input_10rzg_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_10rzg_43{color:var(--amp-colors-status-critical);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)}._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}._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)}

package/package.json

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