@zonos/amino 5.0.11 → 5.1.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.
Files changed (43) hide show
  1. package/all.d.ts +2 -2
  2. package/components/alert-dialog/AlertContext.js +1 -1
  3. package/components/alert-dialog/AlertDialog.js +1 -1
  4. package/components/alert-dialog/useAlert.js +1 -1
  5. package/components/announcement-dialog/AnnouncementDialog.d.ts +9 -18
  6. package/components/announcement-dialog/AnnouncementDialog.js +1 -1
  7. package/components/banner/Banner.js +1 -1
  8. package/components/button/Button.d.ts +5 -5
  9. package/components/button/Button.js +1 -1
  10. package/components/button/LegacyButton.d.ts +43 -0
  11. package/components/button/LegacyButton.js +1 -0
  12. package/components/confirm-dialog/ConfirmContext.js +1 -1
  13. package/components/confirm-dialog/ConfirmDialog.js +1 -1
  14. package/components/confirm-dialog/useConfirm.js +1 -1
  15. package/components/cover-sheet/CoverSheet.js +1 -1
  16. package/components/dialog/BaseDialog.d.ts +47 -0
  17. package/components/dialog/BaseDialog.js +1 -0
  18. package/components/dialog/Dialog.d.ts +9 -17
  19. package/components/dialog/Dialog.js +1 -1
  20. package/components/drop-zone/DropZone.js +1 -1
  21. package/components/file-upload/FileUpload.js +1 -1
  22. package/components/graph-matrix/GraphMatrix.js +1 -1
  23. package/components/lightbox/LightBox.d.ts +3 -21
  24. package/components/lightbox/LightBox.js +1 -1
  25. package/components/nested-data-table/NestedDataTable.js +1 -1
  26. package/components/nested-data-table/NestedDataTableHasura.js +1 -1
  27. package/components/nested-data-table/_TableData.js +1 -1
  28. package/components/section/HSection.js +1 -1
  29. package/components/slide-over/SlideOver.d.ts +3 -8
  30. package/components/slide-over/SlideOver.js +1 -1
  31. package/components/spinner/Spinner.js +1 -1
  32. package/components/table/TableRowCollapse.js +1 -1
  33. package/package.json +1 -1
  34. package/styles/constants/theme.d.ts +33 -3
  35. package/styles/constants/theme.js +1 -1
  36. package/theme.css +84 -6
  37. package/types/Variant.d.ts +1 -0
  38. package/components/backdrop/Backdrop.d.ts +0 -1
  39. package/components/backdrop/Backdrop.js +0 -1
  40. package/components/dialog/_BaseDialog.d.ts +0 -14
  41. package/components/dialog/_BaseDialog.js +0 -1
  42. package/components/ownership-block/OwnershipBlock.d.ts +0 -15
  43. package/components/ownership-block/OwnershipBlock.js +0 -1
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react-dropzone"),r=require("styled-components"),o=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,d,u,p,f,m=l(r),x=m.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n justify-content: flex-start;\n padding: "," ",";\n border-radius: ",";\n border: ",";\n border-color: ",";\n\n opacity: ",";\n cursor: ",";\n"],["\n display: flex;\n justify-content: flex-start;\n padding: "," ",";\n border-radius: ",";\n border: ",";\n border-color: ",";\n\n opacity: ",";\n cursor: ",";\n"])),s.theme.space8,s.theme.space12,s.theme.radius10,s.theme.border,(function(n){return n.error?s.theme.danger:s.theme.borderColor}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"not-allowed":"auto"})),g=m.default.div(d||(d=n.__makeTemplateObject(["\n outline: none;\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n"],["\n outline: none;\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n"]))),h=m.default.div(u||(u=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: ",";\n"])),s.theme.space12),y=m.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n gap: ",";\n align-items: center;\n"],["\n display: flex;\n gap: ",";\n align-items: center;\n"])),s.theme.space4),j=m.default(o.Button)(f||(f=n.__makeTemplateObject(["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\n }\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n }\n\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"],["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\n }\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n }\n\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"])),s.theme.gray200,s.theme.gray800,s.theme.gray300,s.theme.gray400);exports.FileUpload=function(r){var s=r.className,l=r.disabled,c=void 0!==l&&l,d=r.dropzoneOptions,u=r.error,p=void 0!==u&&u,f=r.instructionText,m=void 0===f?"or drag your file here":f,b=r.loading,v=r.loadingText,_=void 0===v?"Uploading...":v,q=r.onRemoveFile,T=r.uploadedFile,k=t.useDropzone(n.__assign(n.__assign({},d),{disabled:c,multiple:!1,noClick:!0,noKeyboard:!0})),C=k.getInputProps,R=k.getRootProps,O=k.open,z=function(){return b?e.jsx(i.Text,{children:_}):T?function(){if(T){var n=T.name,t=T.size;return e.jsxs(y,{children:[e.jsx(i.Text,{color:"gray1200",type:"label",children:n}),t&&e.jsx(i.Text,{color:"gray700",type:"caption",children:t})]})}return null}():e.jsx(i.Text,{color:"gray600",children:m})};return e.jsxs(x,{className:s,disabled:c,error:p,children:[e.jsxs(g,n.__assign({},R(),{children:[e.jsx("input",n.__assign({},C())),e.jsxs(h,{children:[e.jsx(o.Button,{loading:b,onClick:O,spinnerColor:"black",children:"Browse"}),z()]})]})),q&&T&&e.jsx(j,{onClick:function(){return q()},children:e.jsx(a.RemoveCircleDuotoneIcon,{size:20})})]})};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react-dropzone"),r=require("styled-components"),o=require("../button/LegacyButton.js"),i=require("../text/Text.js"),a=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,d,u,p,f,m=l(r),g=m.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n justify-content: flex-start;\n padding: "," ",";\n border-radius: ",";\n border: ",";\n border-color: ",";\n\n opacity: ",";\n cursor: ",";\n"],["\n display: flex;\n justify-content: flex-start;\n padding: "," ",";\n border-radius: ",";\n border: ",";\n border-color: ",";\n\n opacity: ",";\n cursor: ",";\n"])),s.theme.space8,s.theme.space12,s.theme.radius10,s.theme.border,(function(n){return n.error?s.theme.danger:s.theme.borderColor}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"not-allowed":"auto"})),x=m.default.div(d||(d=n.__makeTemplateObject(["\n outline: none;\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n"],["\n outline: none;\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n"]))),h=m.default.div(u||(u=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: ",";\n"])),s.theme.space12),y=m.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n gap: ",";\n align-items: center;\n"],["\n display: flex;\n gap: ",";\n align-items: center;\n"])),s.theme.space4),j=m.default(o.Button)(f||(f=n.__makeTemplateObject(["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\n }\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n }\n\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"],["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\n }\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n }\n\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"])),s.theme.gray200,s.theme.gray800,s.theme.gray300,s.theme.gray400);exports.FileUpload=function(r){var s=r.className,l=r.disabled,c=void 0!==l&&l,d=r.dropzoneOptions,u=r.error,p=void 0!==u&&u,f=r.instructionText,m=void 0===f?"or drag your file here":f,b=r.loading,v=r.loadingText,_=void 0===v?"Uploading...":v,q=r.onRemoveFile,T=r.uploadedFile,k=t.useDropzone(n.__assign(n.__assign({},d),{disabled:c,multiple:!1,noClick:!0,noKeyboard:!0})),C=k.getInputProps,R=k.getRootProps,O=k.open,z=function(){return b?e.jsx(i.Text,{children:_}):T?function(){if(T){var n=T.name,t=T.size;return e.jsxs(y,{children:[e.jsx(i.Text,{color:"gray1200",type:"label",children:n}),t&&e.jsx(i.Text,{color:"gray700",type:"caption",children:t})]})}return null}():e.jsx(i.Text,{color:"gray600",children:m})};return e.jsxs(g,{className:s,disabled:c,error:p,children:[e.jsxs(x,n.__assign({},R(),{children:[e.jsx("input",n.__assign({},C())),e.jsxs(h,{children:[e.jsx(o.Button,{loading:b,onClick:O,spinnerColor:"black",children:"Browse"}),z()]})]})),q&&T&&e.jsx(j,{onClick:function(){return q()},children:e.jsx(a.RemoveCircleDuotoneIcon,{size:20})})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var o=require("styled-components"),s=require("./_GraphiqlContextWrapper.js"),a=require("./_LoadingIcon.js"),u=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),c=require("../../icons/EyeIcon.js"),h=require("../../icons/EyeOffIcon.js"),p=require("../../styles/constants/theme.js"),q=require("../../utils/hooks/_useGraphiqlExplorer.js"),d=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("react-split-it"),require("@graphiql/plugin-explorer"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var m,b,x,_=g(o),f=_.default.div(m||(m=e.__makeTemplateObject(["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"],["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"]))),v=_.default.div(b||(b=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),S=_.default.div(x||(x=e.__makeTemplateObject(["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"],["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"])),p.theme.space12),k=function(o){var p=o.customToolbar,g=o.fetcher,m=o.loadingComponent,b=o.onEditQuery,x=o.onEditVariables,_=o.onResultData,k=o.query,y=void 0===k?"":k,T=o.schema,C=o.schemaName,E=o.url,I=o.variables,w=void 0===I?"":I,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),P=A[0],Q=A[1],W=e.__read(t.useState([1,0]),2),z=W[0],M=W[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=d.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:E}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=j.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){L(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,L,$]),t.useEffect((function(){ee&&_&&_(ee)}),[_,ee]);var te=q.useGraphiqlExplorer({});if(!T)return r.jsx(r.Fragment,{children:m||r.jsx(a.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(l.SplitPanel,{collapseAll:!P,onSetSizes:M,sizes:z,children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,{fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:x,plugins:[te],query:y,schema:T,storage:re,toolbar:{additionalContent:r.jsxs(i.Tooltip.Provider,{children:[r.jsx(i.ToolbarButton,{label:P?"Hide table":"Show table",onClick:function(){return Q(!P)},children:P?r.jsx(h.EyeOffIcon,{color:"red600"}):r.jsx(c.EyeIcon,{color:"gray400"})}),p]})},variables:w,children:r.jsx(s.GraphiqlContextWrapper,{setExecutionContext:G,setResponseEditorContext:R,children:r.jsx(n.GraphiQL.Footer,{})})})}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],o=i[1];return Array.isArray(o)||o?r.jsx(u.NestedDataTable,{isFetching:O,tableData:o,title:n},n):null}))}):null)]})})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var o=require("styled-components"),s=require("./_GraphiqlContextWrapper.js"),a=require("./_LoadingIcon.js"),u=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),c=require("../../icons/EyeIcon.js"),h=require("../../icons/EyeOffIcon.js"),p=require("../../styles/constants/theme.js"),q=require("../../utils/hooks/_useGraphiqlExplorer.js"),d=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("react-split-it"),require("@graphiql/plugin-explorer"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var m,b,x,_=g(o),f=_.default.div(m||(m=e.__makeTemplateObject(["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"],["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"]))),v=_.default.div(b||(b=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),S=_.default.div(x||(x=e.__makeTemplateObject(["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"],["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"])),p.theme.space12),k=function(o){var p=o.customToolbar,g=o.fetcher,m=o.loadingComponent,b=o.onEditQuery,x=o.onEditVariables,_=o.onResultData,k=o.query,y=void 0===k?"":k,T=o.schema,C=o.schemaName,E=o.url,I=o.variables,w=void 0===I?"":I,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),L=B[0],O=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),P=A[0],Q=A[1],W=e.__read(t.useState([1,0]),2),z=W[0],M=W[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=d.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:E}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=j.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){O(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,O,$]),t.useEffect((function(){ee&&_&&_(ee)}),[_,ee]);var te=q.useGraphiqlExplorer({});if(!T)return r.jsx(r.Fragment,{children:m||r.jsx(a.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(l.SplitPanel,{collapseAll:!P,onSetSizes:M,sizes:z,children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,{fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:x,plugins:[te],query:y,schema:T,storage:re,toolbar:{additionalContent:r.jsxs(i.Tooltip.Provider,{children:[r.jsx(i.ToolbarButton,{label:P?"Hide table":"Show table",onClick:function(){return Q(!P)},children:P?r.jsx(h.EyeOffIcon,{color:"red600"}):r.jsx(c.EyeIcon,{color:"gray400"})}),p]})},variables:w,children:r.jsx(s.GraphiqlContextWrapper,{setExecutionContext:G,setResponseEditorContext:R,children:r.jsx(n.GraphiQL.Footer,{})})})}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],o=i[1];return Array.isArray(o)||o?r.jsx(u.NestedDataTable,{isFetching:L,tableData:o,title:n},n):null}))}):null)]})})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;
@@ -1,23 +1,5 @@
1
- import type { ReactNode } from 'react';
2
- import type { Theme } from "../../types/Theme";
3
- export type LightBoxProps = {
4
- children: ReactNode;
5
- className?: string;
6
- /** Close when clicking outside dialog (on the backdrop)
7
- * @param closeOnBlur
8
- * @default true
9
- */
10
- closeOnBlur?: boolean;
11
- /**
12
- * Close on pressing 'escape' key
13
- * @param closeOnEsc
14
- * @default true
15
- */
16
- closeOnEsc?: boolean;
17
- open: boolean;
18
- themeOverride?: Theme;
19
- width?: number;
20
- withBorder?: boolean;
1
+ import { type BaseDialogProps } from "../dialog/BaseDialog";
2
+ export type LightBoxProps = BaseDialogProps & {
21
3
  onClose: () => void;
22
4
  };
23
- export declare const LightBox: ({ children, className, closeOnBlur, closeOnEsc, onClose, open, themeOverride, width, withBorder, }: LightBoxProps) => import("react/jsx-runtime").JSX.Element;
5
+ export declare const LightBox: ({ children, ...props }: LightBoxProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("../dialog/_BaseDialog.js");require("../../_tslib-ccfac372.js"),require("react"),require("react-dom"),require("framer-motion"),require("styled-components"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js");exports.LightBox=function(s){var o=s.children,i=s.className,t=s.closeOnBlur,a=s.closeOnEsc,n=s.onClose,c=s.open,l=s.themeOverride,u=s.width,d=s.withBorder,m=void 0!==d&&d;return e.jsx(r.BaseDialog,{className:i,closeOnBlur:t,closeOnEsc:a,"data-theme":l,noBorder:!m,onClose:n,open:c,width:u,children:o})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("../dialog/BaseDialog.js");require("react"),require("react-dom"),require("framer-motion"),require("styled-components"),require("../../styles/constants/theme.js");exports.LightBox=function(s){var t=s.children,a=e.__rest(s,["children"]);return r.jsx(i.BaseDialog,e.__assign({},a,{children:t}))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),s=require("../button/Button.js"),n=require("./_TableData.js"),u=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var c,j,q,d=o(i),h=d.default.div(c||(c=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),m=d.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ",";\n"],["\n display: flex;\n align-items: center;\n padding: ",";\n"])),l.theme.space8),p=d.default.div(q||(q=e.__makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"])),l.theme.space8);exports.NestedDataTable=function(e){var i=e.currentPage,l=e.customColumnCells,o=e.customFlattenRow,c=e.handlePagination,j=e.hasNextPage,q=e.hasPreviousPage,d=e.isFetching,x=e.loadingComponent,g=e.restState,b=e.tableData,f=e.title,k=r.useMemo((function(){return Array.isArray(b)?b:[b]}),[b]),v=!!c&&!!i&&b.length;return t.jsxs(h,{children:[t.jsxs(m,{children:[!!f&&t.jsx(a.Text,{type:"header",children:f}),!!v&&t.jsxs(p,{children:[t.jsx(s.Button,{disabled:1===i||!q,intent:"outline",onClick:function(){q&&c(i-1)},children:"Previous page"}),i,t.jsx(s.Button,{disabled:!j,intent:"outline",onClick:function(){j&&c(i+1)},children:"Next page"})]})]}),d?x?t.jsx(t.Fragment,{children:x}):t.jsx(u.RestState,{label:"Loading..."}):0===k.length?g?t.jsx(t.Fragment,{children:g}):t.jsx(u.RestState,{label:"No data available."}):t.jsx(n.TableData,{customColumnCells:l,customFlattenRow:o,tableDataArr:k})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),s=require("../button/LegacyButton.js"),n=require("./_TableData.js"),u=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var c,j,q,d=o(i),h=d.default.div(c||(c=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),m=d.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ",";\n"],["\n display: flex;\n align-items: center;\n padding: ",";\n"])),l.theme.space8),p=d.default.div(q||(q=e.__makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"])),l.theme.space8);exports.NestedDataTable=function(e){var i=e.currentPage,l=e.customColumnCells,o=e.customFlattenRow,c=e.handlePagination,j=e.hasNextPage,q=e.hasPreviousPage,d=e.isFetching,x=e.loadingComponent,g=e.restState,b=e.tableData,f=e.title,k=r.useMemo((function(){return Array.isArray(b)?b:[b]}),[b]),v=!!c&&!!i&&b.length;return t.jsxs(h,{children:[t.jsxs(m,{children:[!!f&&t.jsx(a.Text,{type:"header",children:f}),!!v&&t.jsxs(p,{children:[t.jsx(s.Button,{disabled:1===i||!q,intent:"outline",onClick:function(){q&&c(i-1)},children:"Previous page"}),i,t.jsx(s.Button,{disabled:!j,intent:"outline",onClick:function(){j&&c(i+1)},children:"Next page"})]})]}),d?x?t.jsx(t.Fragment,{children:x}):t.jsx(u.RestState,{label:"Loading..."}):0===k.length?g?t.jsx(t.Fragment,{children:g}):t.jsx(u.RestState,{label:"No data available."}):t.jsx(n.TableData,{customColumnCells:l,customFlattenRow:o,tableDataArr:k})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-ccfac372.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,q=s.tableData,l=s.title,j=r.useMemo((function(){return Array.isArray(q)?q:[q]}),[q]),h=i.useHasuraGqlPagination({actionName:l,query:o,setCachingKey:n,setQuery:c}),m=h.currentPage,p=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:m,customFlattenRow:u,handlePagination:p,isFetching:a,tableData:j,title:l})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-ccfac372.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,q=s.tableData,l=s.title,j=r.useMemo((function(){return Array.isArray(q)?q:[q]}),[q]),h=i.useHasuraGqlPagination({actionName:l,query:o,setCachingKey:n,setQuery:c}),m=h.currentPage,p=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:m,customFlattenRow:u,handlePagination:p,isFetching:a,tableData:j,title:l})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../button/Button.js"),s=require("./_Filter.js"),a=require("../pivot-table/PivotTable.js"),o=require("../tooltip/Tooltip.js"),u=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../styles/constants/theme.js"),c=require("../../utils/flattenRow.js"),d=require("../../utils/setupNestedData.js"),p=require("../../utils/truncateText.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js");var j,f,h,g=m(r),q=g.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"]))),x=g.default.div(f||(f=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"]))),_=g.default.div(h||(h=e.__makeTemplateObject(["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"],["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"])),l.theme.gray50,l.theme.space4,l.theme.space12,l.theme.space24),v=function(r){var l=r.customColumnCells,m=r.customFlattenRow,j=r.noFilter,f=r.tableDataArr,h=m||c.flattenRow,g=e.__read(t.useState([]),2),b=g[0],y=g[1],k=t.useCallback((function(){return f.map((function(e){var n=Object.entries(e).reduce((function(e,n){return h({currentVal:n,prev:e})}),{});return d.setupNestedData(n)}))}),[h,f]),C=e.__read(t.useState(k()),2),T=C[0],w=C[1];t.useEffect((function(){f&&w(k())}),[k,f]);var D=t.useCallback((function(t){var r=t.column,s=t.onRowChange,a=t.row,c=a[r.key];if(Array.isArray(c)){var d=0===c.length,j=a._expandedKey===r.key;return n.jsx(x,{children:n.jsx(o.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:n.jsx(i.Button,{className:j?"expanding-button":"",disabled:d,icon:n.jsx(u.ChevronRightCircleIcon,{}),intent:"subtle",onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":r.key}))}})})})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnCells:l,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?p.truncateText({addEllipsis:!0,length:40,text:c}):c}),[l,m]),R=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{key:t,name:t,renderCell:(null==l?void 0:l[t])||D}]}))}),[l,D,T]),I=t.useMemo((function(){var n=R.filter((function(e){return!b.includes(e.key)}));return n.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[R,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!j&&n.jsx(s.Filter,{columns:R,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(a.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);w(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=v;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../button/LegacyButton.js"),s=require("./_Filter.js"),a=require("../pivot-table/PivotTable.js"),o=require("../tooltip/Tooltip.js"),u=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../styles/constants/theme.js"),c=require("../../utils/flattenRow.js"),d=require("../../utils/setupNestedData.js"),p=require("../../utils/truncateText.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js");var j,f,g,h=m(r),q=h.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"]))),x=h.default.div(f||(f=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"]))),_=h.default.div(g||(g=e.__makeTemplateObject(["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"],["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"])),l.theme.gray50,l.theme.space4,l.theme.space12,l.theme.space24),v=function(r){var l=r.customColumnCells,m=r.customFlattenRow,j=r.noFilter,f=r.tableDataArr,g=m||c.flattenRow,h=e.__read(t.useState([]),2),b=h[0],y=h[1],k=t.useCallback((function(){return f.map((function(e){var n=Object.entries(e).reduce((function(e,n){return g({currentVal:n,prev:e})}),{});return d.setupNestedData(n)}))}),[g,f]),C=e.__read(t.useState(k()),2),T=C[0],w=C[1];t.useEffect((function(){f&&w(k())}),[k,f]);var D=t.useCallback((function(t){var r=t.column,s=t.onRowChange,a=t.row,c=a[r.key];if(Array.isArray(c)){var d=0===c.length,j=a._expandedKey===r.key;return n.jsx(x,{children:n.jsx(o.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:n.jsx(i.Button,{className:j?"expanding-button":"",disabled:d,icon:n.jsx(u.ChevronRightCircleIcon,{}),intent:"subtle",onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":r.key}))}})})})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnCells:l,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?p.truncateText({addEllipsis:!0,length:40,text:c}):c}),[l,m]),R=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{key:t,name:t,renderCell:(null==l?void 0:l[t])||D}]}))}),[l,D,T]),I=t.useMemo((function(){var n=R.filter((function(e){return!b.includes(e.key)}));return n.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[R,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!j&&n.jsx(s.Filter,{columns:R,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(a.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);w(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=v;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/Button.js"),i=require("../collapse/Collapse.js"),s=require("./_SectionInnerWrapper.js"),l=require("./_SectionSubheader.js"),o=require("../stack/HStack.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,f,j,h,b=p(r),x=b.default(o.HStack)(m||(m=e.__makeTemplateObject(["\n padding: ",";\n margin-bottom: ",";\n grid-template-columns: 1fr 2fr;\n"],["\n padding: ",";\n margin-bottom: ",";\n grid-template-columns: 1fr 2fr;\n"])),d.theme.space8,d.theme.space40),v=b.default(a.Button)(f||(f=e.__makeTemplateObject(["\n position: relative;\n margin-left: ",";\n transition: 0.2s all ease;\n background: transparent;\n\n && {\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n\n &:active,\n &:focus,\n &:hover {\n background: transparent;\n color: ",";\n }\n\n &.collapsed {\n transform: rotate(90deg);\n }\n }\n"],["\n position: relative;\n margin-left: ",";\n transition: 0.2s all ease;\n background: transparent;\n\n && {\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n\n &:active,\n &:focus,\n &:hover {\n background: transparent;\n color: ",";\n }\n\n &.collapsed {\n transform: rotate(90deg);\n }\n }\n"])),d.theme.space4,d.theme.gray300,d.theme.gray400,d.theme.gray800),q=b.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),g=b.default.div(h||(h=e.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));exports.HSection=function(r){var a=r.children,o=r.className,d=r.collapseByDefault,p=void 0!==d&&d,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,b=void 0===h?"":h,y=e.__read(t.useState(p),2),_=y[0],k=y[1];return n.jsxs(x,{className:o||"",children:[j&&n.jsx(s.SectionInnerWrapper,{children:n.jsxs(q,{children:[f?n.jsxs(g,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(v,{className:_?"collapsed":"",icon:n.jsx(u.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!_)},size:"sm"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(l.SectionSubheader,{children:b})]})}),f?n.jsx(i.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/LegacyButton.js"),i=require("../collapse/Collapse.js"),s=require("./_SectionInnerWrapper.js"),l=require("./_SectionSubheader.js"),o=require("../stack/HStack.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,f,j,h,b=p(r),x=b.default(o.HStack)(m||(m=e.__makeTemplateObject(["\n padding: ",";\n margin-bottom: ",";\n grid-template-columns: 1fr 2fr;\n"],["\n padding: ",";\n margin-bottom: ",";\n grid-template-columns: 1fr 2fr;\n"])),d.theme.space8,d.theme.space40),v=b.default(a.Button)(f||(f=e.__makeTemplateObject(["\n position: relative;\n margin-left: ",";\n transition: 0.2s all ease;\n background: transparent;\n\n && {\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n\n &:active,\n &:focus,\n &:hover {\n background: transparent;\n color: ",";\n }\n\n &.collapsed {\n transform: rotate(90deg);\n }\n }\n"],["\n position: relative;\n margin-left: ",";\n transition: 0.2s all ease;\n background: transparent;\n\n && {\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n\n &:active,\n &:focus,\n &:hover {\n background: transparent;\n color: ",";\n }\n\n &.collapsed {\n transform: rotate(90deg);\n }\n }\n"])),d.theme.space4,d.theme.gray300,d.theme.gray400,d.theme.gray800),g=b.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),q=b.default.div(h||(h=e.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));exports.HSection=function(r){var a=r.children,o=r.className,d=r.collapseByDefault,p=void 0!==d&&d,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,b=void 0===h?"":h,y=e.__read(t.useState(p),2),_=y[0],k=y[1];return n.jsxs(x,{className:o||"",children:[j&&n.jsx(s.SectionInnerWrapper,{children:n.jsxs(g,{children:[f?n.jsxs(q,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(v,{className:_?"collapsed":"",icon:n.jsx(u.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!_)},size:"sm"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(l.SectionSubheader,{children:b})]})}),f?n.jsx(i.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};
@@ -1,13 +1,8 @@
1
1
  import { type ReactNode } from 'react';
2
- import type { Theme } from "../../types/Theme";
3
- export type SlideOverProps = {
2
+ import { type BaseDialogProps } from "../dialog/BaseDialog";
3
+ export type SlideOverProps = BaseDialogProps & {
4
4
  actions?: ReactNode;
5
- children: ReactNode;
6
5
  label?: string;
7
- modal?: boolean;
8
- open: boolean;
9
6
  subtitle?: ReactNode;
10
- themeOverride?: Theme;
11
- onClose: () => void;
12
7
  };
13
- export declare const SlideOver: ({ actions, children, label, modal, onClose, open, subtitle, themeOverride, }: SlideOverProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const SlideOver: ({ actions, children, label, onClose, subtitle, ...props }: SlideOverProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime");require("react");var t=require("framer-motion"),i=require("styled-components"),r=require("../backdrop/Backdrop.js"),a=require("../stack/HStack.js"),o=require("../stack/VStack.js"),s=require("../text/Text.js"),d=require("../../icons/RemoveIcon.js"),c=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var p,h,m,u,x,b=l(i),g=b.default(t.motion.div)(p||(p=n.__makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n background: ",";\n width: 300px;\n outline: none;\n box-shadow: ",";\n height: 100vh;\n right: 0;\n top: 0;\n border-left: ",";\n"],["\n position: absolute;\n z-index: 1001;\n background: ",";\n width: 300px;\n outline: none;\n box-shadow: ",";\n height: 100vh;\n right: 0;\n top: 0;\n border-left: ",";\n"])),c.theme.surfaceColor,c.theme.v3ShadowXxl,c.theme.border),f=b.default.header(h||(h=n.__makeTemplateObject(["\n padding: ",";\n border-bottom: ",";\n display: flex;\n align-items: center;\n\n .header-content {\n margin: 0;\n flex: 1;\n }\n"],["\n padding: ",";\n border-bottom: ",";\n display: flex;\n align-items: center;\n\n .header-content {\n margin: 0;\n flex: 1;\n }\n"])),c.theme.space24,c.theme.border),j=b.default.div(m||(m=n.__makeTemplateObject(["\n transition: all 100ms ease-in-out;\n background: transparent;\n border-radius: 32px;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: 0.8;\n\n &:hover {\n background: ",";\n opacity: 1;\n }\n\n svg {\n width: 14px;\n height: 14px;\n fill: ",";\n transition: all 100ms ease-in-out;\n }\n"],["\n transition: all 100ms ease-in-out;\n background: transparent;\n border-radius: 32px;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: 0.8;\n\n &:hover {\n background: ",";\n opacity: 1;\n }\n\n svg {\n width: 14px;\n height: 14px;\n fill: ",";\n transition: all 100ms ease-in-out;\n }\n"])),c.theme.gray200,c.theme.textColor),v=b.default.div(u||(u=n.__makeTemplateObject(["\n padding: ",";\n overflow-y: auto;\n overscroll-behavior: contain;\n"],["\n padding: ",";\n overflow-y: auto;\n overscroll-behavior: contain;\n"])),c.theme.space24),y=b.default.div(x||(x=n.__makeTemplateObject(["\n padding: ",";\n border-top: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n background: ",";\n position: fixed;\n bottom: 0;\n width: 300px;\n\n & > div + div {\n margin-left: ",";\n }\n"],["\n padding: ",";\n border-top: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n background: ",";\n position: fixed;\n bottom: 0;\n width: 300px;\n\n & > div + div {\n margin-left: ",";\n }\n"])),c.theme.space24,c.theme.border,c.theme.surfaceColorSecondary,c.theme.space8);exports.SlideOver=function(n){var i=n.actions,c=n.children,l=n.label,p=n.modal,h=void 0===p||p,m=n.onClose,u=n.open,x=n.subtitle,b=n.themeOverride;return e.jsx(t.AnimatePresence,{children:u&&e.jsxs(e.Fragment,{children:[e.jsx(r.Backdrop,{animate:{opacity:h?.65:0},"data-theme":b,exit:{opacity:0},initial:{opacity:0},onClick:m,transition:{duration:.35}},"dialog-backdrop"),e.jsxs(g,{animate:{opacity:1,x:0},className:"elevated",exit:{opacity:0,x:300},initial:{opacity:0,x:300},transition:{duration:.45,ease:[.4,0,.2,1]},children:[e.jsxs(f,{children:[x?e.jsxs(o.VStack,{className:"header-content",spacing:0,children:[e.jsx(s.Text,{type:"title",children:l}),x]}):e.jsx(s.Text,{className:"header-content",type:"title",children:l}),e.jsx(j,{onClick:m,children:e.jsx(d.RemoveIcon,{})})]}),e.jsx(v,{children:c}),i&&e.jsx(y,{children:e.jsx(a.HStack,{spacing:8,children:i})})]},"slide-over")]})})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var t=require("styled-components"),i=require("../dialog/BaseDialog.js"),r=require("../stack/HStack.js"),o=require("../stack/VStack.js"),a=require("../text/Text.js"),s=require("../../icons/RemoveIcon.js"),l=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("react-dom"),require("framer-motion"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var c,p,u,h,m,x=d(t),g=x.default(i.BaseDialog)(c||(c=e.__makeTemplateObject(["\n /* Override BaseDialog.Popup styles */\n border-radius: 0;\n max-height: none;\n overflow: unset;\n border: none;\n\n position: absolute;\n height: 100vh;\n right: 0;\n top: 0;\n border-left: ",";\n"],["\n /* Override BaseDialog.Popup styles */\n border-radius: 0;\n max-height: none;\n overflow: unset;\n border: none;\n\n position: absolute;\n height: 100vh;\n right: 0;\n top: 0;\n border-left: ",";\n"])),l.theme.border),b=x.default.header(p||(p=e.__makeTemplateObject(["\n padding: ",";\n border-bottom: ",";\n display: flex;\n align-items: center;\n\n .header-content {\n margin: 0;\n flex: 1;\n }\n"],["\n padding: ",";\n border-bottom: ",";\n display: flex;\n align-items: center;\n\n .header-content {\n margin: 0;\n flex: 1;\n }\n"])),l.theme.space24,l.theme.border),f=x.default.div(u||(u=e.__makeTemplateObject(["\n transition: all 100ms ease-in-out;\n background: transparent;\n border-radius: 32px;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: 0.8;\n\n &:hover {\n background: ",";\n opacity: 1;\n }\n\n svg {\n width: 14px;\n height: 14px;\n fill: ",";\n transition: all 100ms ease-in-out;\n }\n"],["\n transition: all 100ms ease-in-out;\n background: transparent;\n border-radius: 32px;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: 0.8;\n\n &:hover {\n background: ",";\n opacity: 1;\n }\n\n svg {\n width: 14px;\n height: 14px;\n fill: ",";\n transition: all 100ms ease-in-out;\n }\n"])),l.theme.gray200,l.theme.textColor),v=x.default.div(h||(h=e.__makeTemplateObject(["\n padding: ",";\n overflow-y: auto;\n overscroll-behavior: contain;\n"],["\n padding: ",";\n overflow-y: auto;\n overscroll-behavior: contain;\n"])),l.theme.space24),j=x.default.div(m||(m=e.__makeTemplateObject(["\n padding: ",";\n border-top: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n background: ",";\n position: fixed;\n bottom: 0;\n width: 300px;\n\n & > div + div {\n margin-left: ",";\n }\n"],["\n padding: ",";\n border-top: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n background: ",";\n position: fixed;\n bottom: 0;\n width: 300px;\n\n & > div + div {\n margin-left: ",";\n }\n"])),l.theme.space24,l.theme.border,l.theme.surfaceColorSecondary,l.theme.space8);exports.SlideOver=function(t){var i=t.actions,l=t.children,d=t.label,c=t.onClose,p=t.subtitle,u=e.__rest(t,["actions","children","label","onClose","subtitle"]);return n.jsxs(g,e.__assign({onClose:c,popupMotionProps:{animate:{opacity:1,x:0},exit:{opacity:0,x:300},initial:{opacity:0,x:300},transition:{duration:.45,ease:[.4,0,.2,1]}},width:300},u,{children:[n.jsxs(b,{children:[p?n.jsxs(o.VStack,{className:"header-content",spacing:0,children:[n.jsx(a.Text,{type:"title",children:d}),p]}):n.jsx(a.Text,{className:"header-content",type:"title",children:d}),n.jsx(f,{onClick:c,children:n.jsx(s.RemoveIcon,{})})]}),n.jsx(v,{children:l}),i&&n.jsx(j,{children:n.jsx(r.HStack,{spacing:8,children:i})})]}))};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}var i,a,o=s(r),c=o.default.div(i||(i=n.__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n width: ","px;\n height: ","px;\n"],["\n position: relative;\n overflow: hidden;\n width: ","px;\n height: ","px;\n"])),(function(n){return n.size}),(function(n){return n.size})),k=o.default.svg(a||(a=n.__makeTemplateObject(["\n position: absolute;\n width: ","px;\n height: ","px;\n\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n\n &.black {\n stroke: ",";\n\n circle.track {\n stroke: rgba(0, 0, 0, 0.3);\n }\n }\n &.white {\n stroke: ",";\n\n circle.track {\n stroke: rgba(255, 255, 255, 0.3);\n }\n }\n &.info {\n stroke: ",";\n }\n &.success {\n stroke: ",";\n }\n &.danger {\n stroke: ",";\n }\n &.warning {\n stroke: ",";\n }\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n }\n\n animation: rotate 2s linear infinite;\n\n circle:not(.track) {\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n }\n"],["\n position: absolute;\n width: ","px;\n height: ","px;\n\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n\n &.black {\n stroke: ",";\n\n circle.track {\n stroke: rgba(0, 0, 0, 0.3);\n }\n }\n &.white {\n stroke: ",";\n\n circle.track {\n stroke: rgba(255, 255, 255, 0.3);\n }\n }\n &.info {\n stroke: ",";\n }\n &.success {\n stroke: ",";\n }\n &.danger {\n stroke: ",";\n }\n &.warning {\n stroke: ",";\n }\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n }\n\n animation: rotate 2s linear infinite;\n\n circle:not(.track) {\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n }\n"])),(function(n){return n.size}),(function(n){return n.size}),t.theme.blue600,t.theme.gray200,t.theme.gray1200,t.theme.gray0,t.theme.blue600,t.theme.green600,t.theme.red600,t.theme.orange600);exports.Spinner=function(n){var r=n.className,t=n.color,s=void 0===t?"primary":t,i=n.size,a=void 0===i?32:i;return e.jsx(c,{size:a,children:e.jsxs(k,{className:[r,s,"amino-spinner"].join(" "),size:a,viewBox:"0 0 50 50",children:[e.jsx("circle",{className:"track",cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"}),e.jsx("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"})]})})};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}var i,a,o=s(r),c=o.default.div(i||(i=n.__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n width: ","px;\n height: ","px;\n"],["\n position: relative;\n overflow: hidden;\n width: ","px;\n height: ","px;\n"])),(function(n){return n.size}),(function(n){return n.size})),k=o.default.svg(a||(a=n.__makeTemplateObject(["\n position: absolute;\n width: ","px;\n height: ","px;\n\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n\n &.black {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.white {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.info {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.success {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.danger {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.warning {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n }\n\n animation: rotate 2s linear infinite;\n\n circle:not(.track) {\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n }\n"],["\n position: absolute;\n width: ","px;\n height: ","px;\n\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n\n &.black {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.white {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.info {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.success {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.danger {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.warning {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n }\n\n animation: rotate 2s linear infinite;\n\n circle:not(.track) {\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n }\n"])),(function(n){return n.size}),(function(n){return n.size}),t.theme.blue600,t.theme.gray200,t.theme.spinnerStrokeBlack,t.theme.spinnerTrackBlack,t.theme.spinnerStrokeWhite,t.theme.spinnerTrackWhite,t.theme.blue600,t.theme.blue100,t.theme.green600,t.theme.green100,t.theme.red600,t.theme.red100,t.theme.orange600,t.theme.orange100);exports.Spinner=function(n){var r=n.className,t=n.color,s=void 0===t?"primary":t,i=n.size,a=void 0===i?32:i;return e.jsx(c,{size:a,children:e.jsxs(k,{className:[r,s,"amino-spinner"].join(" "),size:a,viewBox:"0 0 50 50",children:[e.jsx("circle",{className:"track",cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"}),e.jsx("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"})]})})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/Button.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),s=require("./TableRow.js"),i=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var u,d,p,b,m,j,h=c(t),q=h.default(s.TableRow)(p||(p=e.__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),(function(n){return!n.collapsed&&t.css(u||(u=e.__makeTemplateObject(["\n td {\n border-bottom: 0;\n }\n "],["\n td {\n border-bottom: 0;\n }\n "])))}),(function(n){return n.collapsible&&t.css(d||(d=e.__makeTemplateObject(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),_=h.default(o.Collapse)(b||(b=e.__makeTemplateObject(["\n > div {\n padding-bottom: ",";\n }\n"],["\n > div {\n padding-bottom: ",";\n }\n"])),a.theme.space16),f=h.default(l.TableCell)(m||(m=e.__makeTemplateObject(["\n border-bottom: ",";\n && {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"],["\n border-bottom: ",";\n && {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"])),(function(e){return e.collapsed?0:"inherit"}),(function(e){return e.collapsed?0:"inherit"})),T=h.default(r.Button)(j||(j=e.__makeTemplateObject(["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"],["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var t=e.children,r=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!t;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:r,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(T,{icon:n.jsx(i.ChevronUpIcon,{className:a?"collapsed":""}),intent:"plain"})})]}),d&&n.jsx(s.TableRow,{children:n.jsx(f,{collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:t})})})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/LegacyButton.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),s=require("./TableRow.js"),i=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var u,d,p,b,m,j,h=c(t),q=h.default(s.TableRow)(p||(p=e.__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),(function(n){return!n.collapsed&&t.css(u||(u=e.__makeTemplateObject(["\n td {\n border-bottom: 0;\n }\n "],["\n td {\n border-bottom: 0;\n }\n "])))}),(function(n){return n.collapsible&&t.css(d||(d=e.__makeTemplateObject(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),_=h.default(o.Collapse)(b||(b=e.__makeTemplateObject(["\n > div {\n padding-bottom: ",";\n }\n"],["\n > div {\n padding-bottom: ",";\n }\n"])),a.theme.space16),f=h.default(l.TableCell)(m||(m=e.__makeTemplateObject(["\n border-bottom: ",";\n && {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"],["\n border-bottom: ",";\n && {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"])),(function(e){return e.collapsed?0:"inherit"}),(function(e){return e.collapsed?0:"inherit"})),g=h.default(r.Button)(j||(j=e.__makeTemplateObject(["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"],["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var t=e.children,r=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!t;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:r,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(g,{icon:n.jsx(i.ChevronUpIcon,{className:a?"collapsed":""}),intent:"plain"})})]}),d&&n.jsx(s.TableRow,{children:n.jsx(f,{collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:t})})})]})};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "5.0.11",
3
+ "version": "5.1.1",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",
@@ -195,6 +195,18 @@ export declare const theme: {
195
195
  readonly v3ShadowXxl: "var(--amino-v3-shadow-xxl)";
196
196
  /** @info 0px 1px 0px #FFFFFF, 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06), inset 0px 0px 8px rgba(0, 0, 0, 0.02) */
197
197
  readonly v3ShadowInset: "var(--amino-v3-shadow-inset)";
198
+ /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(68, 94, 238, 0.40) */
199
+ readonly shadowButtonPrimary: "var(--amino-shadow-button-primary)";
200
+ /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(43, 156, 77, 0.40) */
201
+ readonly shadowButtonSuccess: "var(--amino-shadow-button-success)";
202
+ /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(217, 33, 65, 0.40) */
203
+ readonly shadowButtonDanger: "var(--amino-shadow-button-danger)";
204
+ /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(229, 89, 26, 0.40) */
205
+ readonly shadowButtonWarning: "var(--amino-shadow-button-warning)";
206
+ /** @info 0 0 0 3px var(--amino-blue-600) */
207
+ readonly buttonFocusRing: "var(--amino-button-focus-ring)";
208
+ /** @info 0px 1px 3px 0px rgba(110, 110, 120, 0.12), 0px -2px 1px 1px rgba(0, 0, 0, 0.08) inset */
209
+ readonly shadowButtonStandard: "var(--amino-shadow-button-standard)";
198
210
  /** @info space-negative-80: -5rem (-80px) */
199
211
  readonly spaceNegative80: "var(--amino-space-negative-80)";
200
212
  /** @info space-negative-76: -4.75rem (-76px) */
@@ -311,13 +323,13 @@ export declare const theme: {
311
323
  readonly primaryLight: "var(--amino-primary-light)";
312
324
  /** @info var(--amino-blue-800) */
313
325
  readonly primaryDark: "var(--amino-primary-dark)";
314
- /** @info var(--amino-green-300) */
326
+ /** @info var(--amino-green-600) */
315
327
  readonly success: "var(--amino-success)";
316
328
  /** @info var(--amino-green-700) */
317
329
  readonly successDark: "var(--amino-success-dark)";
318
- /** @info var(--amino-amber-100) */
330
+ /** @info var(--amino-orange-600) */
319
331
  readonly warning: "var(--amino-warning)";
320
- /** @info var(--amino-amber-700) */
332
+ /** @info var(--amino-orange-600) */
321
333
  readonly warningDark: "var(--amino-warning-dark)";
322
334
  /** @info 0 0 0 1px var(--amino-red-600) */
323
335
  readonly glowError: "var(--amino-glow-error)";
@@ -349,6 +361,24 @@ export declare const theme: {
349
361
  readonly surfaceColorSecondary: "var(--amino-surface-color-secondary)";
350
362
  /** @info var(--amino-gray-1200) */
351
363
  readonly backdropColor: "var(--amino-backdrop-color)";
364
+ /** @info linear-gradient(180deg, #445EEE 0%, #364BD4 100%) */
365
+ readonly buttonPrimaryHover: "var(--amino-button-primary-hover)";
366
+ /** @info linear-gradient(180deg, #2B9C4D 0%, #298549 100%) */
367
+ readonly buttonSuccessHover: "var(--amino-button-success-hover)";
368
+ /** @info linear-gradient(180deg, #D92141 0%, #B4223D 100%) */
369
+ readonly buttonDangerHover: "var(--amino-button-danger-hover)";
370
+ /** @info linear-gradient(180deg, #E5591A 0%, #B6471B 100%) */
371
+ readonly buttonWarningHover: "var(--amino-button-warning-hover)";
372
+ /** @info linear-gradient(180deg, #FFF 0%, #EAEBED 100%) */
373
+ readonly buttonStandardHover: "var(--amino-button-standard-hover)";
374
+ /** @info rgba(0, 0, 0, 0.3) */
375
+ readonly spinnerTrackBlack: "var(--amino-spinner-track-black)";
376
+ /** @info #0c0c0c */
377
+ readonly spinnerStrokeBlack: "var(--amino-spinner-stroke-black)";
378
+ /** @info rgba(255, 255, 255, 0.3) */
379
+ readonly spinnerTrackWhite: "var(--amino-spinner-track-white)";
380
+ /** @info #FFFFFF */
381
+ readonly spinnerStrokeWhite: "var(--amino-spinner-stroke-white)";
352
382
  /** @info 55px */
353
383
  readonly appbarHeight: "var(--amino-appbar-height)";
354
384
  /** @info 232px */
@@ -1 +1 @@
1
- "use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass1000:"var(--amino-glass-1000)",glass1100:"var(--amino-glass-1100)",glass1200:"var(--amino-glass-1200)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue1000:"var(--amino-blue-1000)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan1000:"var(--amino-cyan-1000)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red1000:"var(--amino-red-1000)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange1000:"var(--amino-orange-1000)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green1000:"var(--amino-green-1000)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple1000:"var(--amino-purple-1000)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",v3ShadowInset:"var(--amino-v3-shadow-inset)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",textColorSecondary:"var(--amino-text-color-secondary)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};
1
+ "use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass1000:"var(--amino-glass-1000)",glass1100:"var(--amino-glass-1100)",glass1200:"var(--amino-glass-1200)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue1000:"var(--amino-blue-1000)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan1000:"var(--amino-cyan-1000)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red1000:"var(--amino-red-1000)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange1000:"var(--amino-orange-1000)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green1000:"var(--amino-green-1000)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple1000:"var(--amino-purple-1000)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",v3ShadowInset:"var(--amino-v3-shadow-inset)",shadowButtonPrimary:"var(--amino-shadow-button-primary)",shadowButtonSuccess:"var(--amino-shadow-button-success)",shadowButtonDanger:"var(--amino-shadow-button-danger)",shadowButtonWarning:"var(--amino-shadow-button-warning)",buttonFocusRing:"var(--amino-button-focus-ring)",shadowButtonStandard:"var(--amino-shadow-button-standard)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",textColorSecondary:"var(--amino-text-color-secondary)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",buttonPrimaryHover:"var(--amino-button-primary-hover)",buttonSuccessHover:"var(--amino-button-success-hover)",buttonDangerHover:"var(--amino-button-danger-hover)",buttonWarningHover:"var(--amino-button-warning-hover)",buttonStandardHover:"var(--amino-button-standard-hover)",spinnerTrackBlack:"var(--amino-spinner-track-black)",spinnerStrokeBlack:"var(--amino-spinner-stroke-black)",spinnerTrackWhite:"var(--amino-spinner-track-white)",spinnerStrokeWhite:"var(--amino-spinner-stroke-white)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};
package/theme.css CHANGED
@@ -106,6 +106,17 @@
106
106
  inset 0px 1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 4px rgba(0, 0, 0, 0.04),
107
107
  inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),
108
108
  inset 0px 0px 8px rgba(0, 0, 0, 0.02);
109
+ --amino-shadow-button-primary: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
110
+ 0px 1px 3px 0px rgba(68, 94, 238, 0.4);
111
+ --amino-shadow-button-success: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
112
+ 0px 1px 3px 0px rgba(43, 156, 77, 0.4);
113
+ --amino-shadow-button-danger: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
114
+ 0px 1px 3px 0px rgba(217, 33, 65, 0.4);
115
+ --amino-shadow-button-warning: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
116
+ 0px 1px 3px 0px rgba(229, 89, 26, 0.4);
117
+ --amino-button-focus-ring: 0 0 0 3px var(--amino-blue-600);
118
+ --amino-shadow-button-standard: 0px 1px 3px 0px rgba(110, 110, 120, 0.12),
119
+ 0px -2px 1px 1px rgba(0, 0, 0, 0.08) inset;
109
120
  --amino-space-negative-80: -5rem;
110
121
  --amino-space-negative-76: -4.75rem;
111
122
  --amino-space-negative-72: -4.5rem;
@@ -164,10 +175,10 @@
164
175
  --amino-primary: var(--amino-blue-600);
165
176
  --amino-primary-light: var(--amino-blue-500);
166
177
  --amino-primary-dark: var(--amino-blue-800);
167
- --amino-success: var(--amino-green-300);
178
+ --amino-success: var(--amino-green-600);
168
179
  --amino-success-dark: var(--amino-green-700);
169
- --amino-warning: var(--amino-amber-100);
170
- --amino-warning-dark: var(--amino-amber-700);
180
+ --amino-warning: var(--amino-orange-600);
181
+ --amino-warning-dark: var(--amino-orange-600);
171
182
  --amino-glow-error: 0 0 0 1px var(--amino-red-600);
172
183
  --amino-glow-blue: 0 0 0 1px var(--amino-primary);
173
184
  --amino-glow-cyan: 0 0 0 1px var(--amino-cyan-600);
@@ -183,6 +194,31 @@
183
194
  --amino-surface-color: var(--amino-gray-0);
184
195
  --amino-surface-color-secondary: var(--amino-gray-50);
185
196
  --amino-backdrop-color: var(--amino-gray-1200);
197
+ --amino-button-primary-hover: linear-gradient(
198
+ 180deg,
199
+ #445eee 0%,
200
+ #364bd4 100%
201
+ );
202
+ --amino-button-success-hover: linear-gradient(
203
+ 180deg,
204
+ #2b9c4d 0%,
205
+ #298549 100%
206
+ );
207
+ --amino-button-danger-hover: linear-gradient(
208
+ 180deg,
209
+ #d92141 0%,
210
+ #b4223d 100%
211
+ );
212
+ --amino-button-warning-hover: linear-gradient(
213
+ 180deg,
214
+ #e5591a 0%,
215
+ #b6471b 100%
216
+ );
217
+ --amino-button-standard-hover: linear-gradient(180deg, #fff 0%, #eaebed 100%);
218
+ --amino-spinner-track-black: rgba(0, 0, 0, 0.3);
219
+ --amino-spinner-stroke-black: #0c0c0c;
220
+ --amino-spinner-track-white: rgba(255, 255, 255, 0.3);
221
+ --amino-spinner-stroke-white: #ffffff;
186
222
  --amino-appbar-height: 55px;
187
223
  --amino-sidebar-width: 232px;
188
224
  --amino-elevation-0: 0;
@@ -335,6 +371,19 @@
335
371
  inset 0px 2px 4px rgba(0, 0, 0, 0.24),
336
372
  inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),
337
373
  inset 0px 0px 8px rgba(0, 0, 0, 0.16);
374
+ --amino-shadow-button-primary: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
375
+ 0px 0px 0px 0.5px #000, 0px 1px 3px 0px rgba(95, 146, 246, 0.4);
376
+ --amino-shadow-button-success: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
377
+ 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset, 0px 0px 0px 0.5px #000,
378
+ 0px 1px 3px 0px rgba(86, 199, 111, 0.6);
379
+ --amino-shadow-button-danger: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
380
+ 0px 1px 3px 0px rgba(217, 33, 65, 0.4);
381
+ --amino-shadow-button-warning: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
382
+ 0px 1px 3px 0px rgba(229, 89, 26, 0.4);
383
+ --amino-button-focus-ring: 0 0 0 3px var(--amino-blue-600);
384
+ --amino-shadow-button-standard: 0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,
385
+ 0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,
386
+ 0px 1px 3px 0px rgba(0, 0, 0, 0.8);
338
387
  --amino-border: 1px solid var(--amino-border-color);
339
388
  --amino-border-blue: 1px solid var(--amino-blue-500);
340
389
  --amino-border-red: 1px solid var(--amino-red-400);
@@ -352,10 +401,10 @@
352
401
  --amino-primary: var(--amino-blue-600);
353
402
  --amino-primary-light: var(--amino-blue-500);
354
403
  --amino-primary-dark: var(--amino-blue-800);
355
- --amino-success: var(--amino-green-300);
404
+ --amino-success: var(--amino-green-600);
356
405
  --amino-success-dark: var(--amino-green-700);
357
- --amino-warning: var(--amino-amber-100);
358
- --amino-warning-dark: var(--amino-amber-700);
406
+ --amino-warning: var(--amino-orange-600);
407
+ --amino-warning-dark: var(--amino-orange-600);
359
408
  --amino-glow-error: 0 0 0 1px var(--amino-red-600);
360
409
  --amino-glow-blue: 0 0 0 1px var(--amino-primary);
361
410
  --amino-glow-cyan: 0 0 0 1px var(--amino-cyan-600);
@@ -371,6 +420,35 @@
371
420
  --amino-surface-color: var(--amino-gray-50);
372
421
  --amino-surface-color-secondary: var(--amino-gray-100);
373
422
  --amino-backdrop-color: var(--amino-gray-0);
423
+ --amino-button-primary-hover: linear-gradient(
424
+ 180deg,
425
+ #5f92f6 0%,
426
+ #89b2fa 100%
427
+ );
428
+ --amino-button-success-hover: linear-gradient(
429
+ 180deg,
430
+ #56c76f 0%,
431
+ #7de490 100%
432
+ );
433
+ --amino-button-danger-hover: linear-gradient(
434
+ 180deg,
435
+ #f95c67 0%,
436
+ #fa8b8b 100%
437
+ );
438
+ --amino-button-warning-hover: linear-gradient(
439
+ 180deg,
440
+ #f88c53 0%,
441
+ #fca975 100%
442
+ );
443
+ --amino-button-standard-hover: linear-gradient(
444
+ 180deg,
445
+ #1e1f26 0%,
446
+ #2e3038 100%
447
+ );
448
+ --amino-spinner-track-black: rgba(255, 255, 255, 0.3);
449
+ --amino-spinner-stroke-black: #ffffff;
450
+ --amino-spinner-track-white: rgba(0, 0, 0, 0.3);
451
+ --amino-spinner-stroke-white: #0c0c0c;
374
452
 
375
453
  /* Fix for dark mode surface hover color. Dark mode surfaces have a lighter color than day mode inverted to see shadows better. */
376
454
  .elevated {
@@ -0,0 +1 @@
1
+ export type Variant = 'standard' | 'primary' | 'success' | 'warning' | 'danger' | 'subtle' | 'link' | 'plain';
@@ -1 +0,0 @@
1
- export declare const Backdrop: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
@@ -1 +0,0 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("framer-motion"),t=require("styled-components"),i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var r,d=o(t).default(n.motion.div)(r||(r=e.__makeTemplateObject(["\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n background: ",";\n z-index: 999;\n position: fixed;\n"],["\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n background: ",";\n z-index: 999;\n position: fixed;\n"])),i.theme.backdropColor);exports.Backdrop=d;
@@ -1,14 +0,0 @@
1
- import React, { type ReactNode } from 'react';
2
- import type { Theme } from "../../types/Theme";
3
- export type BaseDialogProps = {
4
- children: ReactNode;
5
- className?: string;
6
- closeOnBlur?: boolean;
7
- closeOnEsc?: boolean;
8
- noBorder?: boolean;
9
- open: boolean;
10
- themeOverride?: Theme;
11
- width?: number;
12
- onClose?: () => void;
13
- };
14
- export declare const BaseDialog: ({ children, className, closeOnBlur, closeOnEsc, noBorder, onClose, open, themeOverride, width, }: BaseDialogProps) => React.ReactPortal | null;
@@ -1 +0,0 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("styled-components"),a=require("../backdrop/Backdrop.js"),d=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var c,u,s=l(r),f=s.default.div(c||(c=e.__makeTemplateObject(["\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 1000;\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ",";\n"],["\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 1000;\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ",";\n"])),d.theme.textColor),h=s.default(i.motion.div)(u||(u=e.__makeTemplateObject(["\n position: relative;\n z-index: 1001;\n background: ",";\n width: ","px;\n max-height: 90vh;\n border-radius: ",";\n outline: none;\n box-shadow: ",";\n border: ",";\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n z-index: 1001;\n background: ",";\n width: ","px;\n max-height: 90vh;\n border-radius: ",";\n outline: none;\n box-shadow: ",";\n border: ",";\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])),d.theme.surfaceColor,(function(e){return e.width}),d.theme.radius12,d.theme.v3ShadowXxl,(function(e){return!e.noBorder&&d.theme.border}));exports.BaseDialog=function(e){var r=e.children,d=e.className,l=e.closeOnBlur,c=void 0===l||l,u=e.closeOnEsc,s=void 0===u||u,m=e.noBorder,p=void 0!==m&&m,v=e.onClose,x=e.open,y=e.themeOverride,b=e.width,w=t.useRef(null),g=t.useRef(null),j=t.useRef(null);return t.useEffect((function(){var e,n;(null===(e=g.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=g.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=x?"hidden":"auto")}),[x]),"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:x&&n.jsxs(n.Fragment,{children:[n.jsx(a.Backdrop,{ref:g,animate:{opacity:.65},"data-theme":y,exit:{opacity:0},initial:{opacity:0},transition:{duration:.3}},"dialog-backdrop"),n.jsx(f,{ref:j,"data-theme":y,onKeyDown:function(e){v&&s&&"Escape"===e.key&&v()},onMouseDown:function(e){w.current=e.target},onMouseUp:function(e){var n=e.target===w.current,t=v&&c&&e.target===j.current;n&&t&&v(),w.current=null},tabIndex:-1,children:n.jsx(h,{animate:{opacity:1,scale:1},className:[d||"","elevated"].join(" "),exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},noBorder:p,onClick:function(e){e.stopPropagation()},transition:{duration:.3,ease:[.4,0,.2,1]},width:b||444,children:r},"dialog")})]})}),document.querySelector("body")):null};
@@ -1,15 +0,0 @@
1
- import type { Theme } from "../../types";
2
- type DocOwner = {
3
- id: string | null;
4
- name: string | null;
5
- } | null;
6
- export type Props = {
7
- docChampion: DocOwner;
8
- docEngineer: DocOwner;
9
- docOwner: DocOwner;
10
- docWriter: DocOwner;
11
- isLoading: boolean;
12
- themeOverride?: Theme;
13
- };
14
- export declare const OwnershipBlock: ({ docChampion, docEngineer, docOwner, docWriter, isLoading, themeOverride, }: Props) => import("react/jsx-runtime").JSX.Element;
15
- export {};