@amp-labs/react 1.13.0 → 1.14.2

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/build/amp-react.cjs.js +43 -4
  2. package/build/amp-react.es.js +7713 -6008
  3. package/build/style.css +1 -1
  4. package/package.json +7 -2
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-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-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-default-border-radius: 4px}
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-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}._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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amp-labs/react",
3
- "version": "1.13.0",
3
+ "version": "1.14.2",
4
4
  "description": "Ampersand React library.",
5
5
  "author": {
6
6
  "name": "Ampersand Labs",
@@ -88,10 +88,15 @@
88
88
  "@emotion/react": "^x.x.x",
89
89
  "@emotion/styled": "^x.x.x",
90
90
  "framer-motion": "^x.x.x",
91
- "react": "^18.0.0"
91
+ "react": "^18.0.0",
92
+ "react-dom": "x.x.x"
92
93
  },
93
94
  "dependencies": {
94
95
  "@chakra-ui/icons": "^2.1.1",
96
+ "@radix-ui/react-checkbox": "^1.1.2",
97
+ "@radix-ui/react-icons": "^1.3.0",
98
+ "classnames": "^2.5.1",
99
+ "downshift": "^9.0.8",
95
100
  "immer": "^10.0.3",
96
101
  "lodash.isequal": "^4.5.0"
97
102
  },