@amp-labs/react 1.17.5 → 2.0.1

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.
package/build/style.css CHANGED
@@ -1 +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-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)}
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: var(--amp-colors-black);--amp-colors-text-regular: var(--amp-colors-neutral-900);--amp-colors-text-muted: var(--amp-colors-neutral-700);--amp-colors-bg-primary: var(--amp-colors-white);--amp-colors-bg-secondary: var(--amp-colors-neutral-50);--amp-colors-bg-highlight: var(--amp-colors-neutral-200);--amp-colors-border: var(--amp-colors-neutral-300);--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: var(--amp-colors-text-muted);--amp-colors-link-focus: var(--amp-colors-text-standout);--amp-colors-link-active: var(--amp-colors-text-regular);--amp-colors-button-primary: var(--amp-colors-primary);--amp-colors-button-text: var(--amp-colors-white);--amp-colors-input-hover: var(--amp-colors-bg-highlight);--amp-colors-focus-border: var(--amp-colors-neutral-800)}._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_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_1kmag_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:500;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_1kmag_1:hover{opacity:.8;box-shadow:var(--amp-button-hover-shadow)}._buttonError_1kmag_21{border:1px solid var(--amp-colors-status-critical)}._button_1kmag_1:focus:enabled{border:2px solid var(--amp-colors-input-hover);outline:none}._button_1kmag_1:disabled{opacity:.5;cursor:not-allowed}._danger_1kmag_35{color:var(--amp-colors-status-critical-dark);background-color:var(--amp-colors-status-critical-muted);border-color:var(--amp-colors-status-critical-muted)}._ghost_1kmag_41{border-color:var(--amp-colors-neutral-200);background-color:var(--amp-colors-neutral-200);color:var(--amp-colors-black)}._comboboxContainer_b5o5a_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_b5o5a_8{font-size:1rem}._inputContainer_b5o5a_12{display:flex;background-color:#fff;border:1px solid;border-color:var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._input_b5o5a_12{padding:.5rem;width:100%;font-size:1rem}._toggleButton_b5o5a_26{padding:.5rem;cursor:pointer;background-color:var(--amp-colors-neutral-200)}._menu_b5o5a_32{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);padding:0;font-size:.8rem}._menuItem_b5o5a_47{padding:.5rem;display:flex;flex-direction:column}._menuItem_b5o5a_47:hover,._highlighted_b5o5a_54{background-color:var(--amp-colors-input-hover)}._selected_b5o5a_58{font-weight:700}._hidden_b5o5a_62{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_1jhjx_1{margin-bottom:10px;border:1px solid var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._stack_1jhjx_6{overflow-y:scroll;max-height:300px}._selectAllContainer_1jhjx_11{background-color:var(--amp-colors-neutral-200);padding:8px 10px;display:flex;align-items:center}._fieldContainer_1jhjx_18{padding:8px 10px;border-bottom:1px solid var(--amp-colors-border);display:flex;align-items:center}._checkbox_1jhjx_1{margin-right:10px;background-color:#fff;width:20px;height:20px;border-radius:4px;display:flex;justify-content:center;border:1px solid var(--amp-colors-border);cursor:pointer;flex:none}._checkbox_1jhjx_1:hover{background-color:var(--amp-colors-input-hover)}._checkbox_1jhjx_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_ed211_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_ed211_17{border:1px solid var(--amp-colors-status-critical)}._input_ed211_1:focus:enabled{border:2px solid var(--amp-colors-focus-border);outline:none}._input_ed211_1:disabled{background-color:var(--amp-colors-neutral-300);border:1px solid var(--amp-colors-neutral-400)}._error_ed211_31{color:var(--amp-colors-status-critical);font-size:.875rem;font-weight:400;line-height:1.25rem}._textarea_1jmqi_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_1jmqi_13{border-color:var(--amp-colors-status-critical)}._textarea_1jmqi_1:focus:enabled{border:2px solid var(--amp-colors-input-hover);outline:none}._textarea_1jmqi_1:disabled{background-color:var(--amp-colors-neutral-300);border:1px solid var(--amp-colors-neutral-400)}._error_1jmqi_27{color:var(--amp-colors-status-critical-dark);font-size:.875rem;font-weight:400;line-height:1.25rem}._tabsRoot_lqugd_1{display:flex;width:100%}._tabsList_lqugd_6{display:flex;flex-direction:column;width:100%}._tabTrigger_lqugd_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_lqugd_12:hover,._tabTrigger_lqugd_12[data-state=active]{background-color:var(--amp-colors-bg-highlight)}._danger_lqugd_29{color:var(--amp-colors-status-critical-dark)}._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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amp-labs/react",
3
- "version": "1.17.5",
3
+ "version": "2.0.1",
4
4
  "description": "Ampersand React library.",
5
5
  "author": {
6
6
  "name": "Ampersand Labs",
@@ -56,7 +56,6 @@
56
56
  "@babel/preset-env": "^7.23.2",
57
57
  "@babel/preset-react": "^7.22.15",
58
58
  "@babel/preset-typescript": "^7.23.2",
59
- "@chakra-ui/react": "^2.8.1",
60
59
  "@jest/globals": "^29.5.0",
61
60
  "@openapitools/openapi-generator-cli": "^2.7.0",
62
61
  "@types/lodash.isequal": "^4.5.7",
@@ -85,15 +84,10 @@
85
84
  "vite-plugin-dts": "^4.0.2"
86
85
  },
87
86
  "peerDependencies": {
88
- "@chakra-ui/react": "^2.4.4",
89
- "@emotion/react": "^x.x.x",
90
- "@emotion/styled": "^x.x.x",
91
- "framer-motion": "^x.x.x",
92
87
  "react": "^18.0.0",
93
88
  "react-dom": "x.x.x"
94
89
  },
95
90
  "dependencies": {
96
- "@chakra-ui/icons": "^2.1.1",
97
91
  "@radix-ui/react-checkbox": "^1.1.2",
98
92
  "@radix-ui/react-icons": "^1.3.0",
99
93
  "@radix-ui/react-tabs": "^1.1.1",