@aivenio/aquarium 4.0.1 → 4.1.0

package/dist/src/molecules/DropdownMenu/SearchField.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Button as AriaButton, Input as AriaInput, SearchField as AriaSearchField, } from 'react-aria-components';
+import { ResetIcon, SearchIcon } from '../../../src/utils/form/InputAdornment/InputAdornment';
+import { FieldGroup } from '../Field/Field';
+export const SearchField = (props) => {
+    return (React.createElement(AriaSearchField, Object.assign({}, props),
+        React.createElement(FieldGroup, null,
+            React.createElement(SearchIcon, { "aria-hidden": true }),
+            React.createElement(AriaInput, { className: "outline-none bg-transparent [&::-webkit-search-cancel-button]:hidden" }),
+            React.createElement(AriaButton, { "aria-label": "Clear", className: "group-empty:invisible" },
+                React.createElement(ResetIcon, { "aria-hidden": true })))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoRmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Ryb3Bkb3duTWVudS9TZWFyY2hGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxNQUFNLElBQUksVUFBVSxFQUNwQixLQUFLLElBQUksU0FBUyxFQUNsQixXQUFXLElBQUksZUFBZSxHQUUvQixNQUFNLHVCQUF1QixDQUFDO0FBRS9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFFckYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBSTVDLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQXVCLEVBQUUsRUFBRTtJQUNyRCxPQUFPLENBQ0wsb0JBQUMsZUFBZSxvQkFBSyxLQUFLO1FBQ3hCLG9CQUFDLFVBQVU7WUFDVCxvQkFBQyxVQUFVLDBCQUFlO1lBQzFCLG9CQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsc0VBQXNFLEdBQUc7WUFDOUYsb0JBQUMsVUFBVSxrQkFBWSxPQUFPLEVBQUMsU0FBUyxFQUFDLHVCQUF1QjtnQkFDOUQsb0JBQUMsU0FBUywwQkFBZSxDQUNkLENBQ0YsQ0FDRyxDQUNuQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/src/molecules/Popover/Popover.js

@@ -25,6 +25,7 @@ export const Popover = (_a) => {
     return (React.createElement(PopoverPropsContext.Provider, { value: props },
         React.createElement(DialogTrigger, Object.assign({}, props, { onOpenChange: onOpenChange }), children)));
 };
+Popover.displayName = 'Popover';
 const Trigger = ({ children }) => {
     // For now, we'll need to wrap the children with <Pressable> for backwards compatibility.
     // Later on, we should be able to remove this once our buttons are pressable by default.
@@ -50,4 +51,4 @@ const CloseToggle = ({ children }) => {
 };
 CloseToggle.displayName = 'Popover.CloseToggle';
 Popover.CloseToggle = CloseToggle;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFL0MsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBeUMsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRyxPQUFPLEVBQUUsU0FBUyxFQUF1QixNQUFNLCtCQUErQixDQUFDO0FBMEIvRSxNQUFNLG1CQUFtQixHQUFHLGFBQWEsQ0FBaUMsRUFBRSxDQUFDLENBQUM7QUFROUUsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFxQixDQUFDLEVBQW9FLEVBQUUsRUFBRTtRQUF4RSxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQVksRUFBUCxLQUFLLGNBQWxFLGlEQUFvRSxDQUFGO0lBQzFHLE1BQU0sWUFBWSxHQUFHLENBQUMsTUFBZSxFQUFFLEVBQUU7UUFDdkMsYUFBYSxhQUFiLGFBQWEsdUJBQWIsYUFBYSxDQUFHLE1BQU0sQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxFQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sRUFBSSxDQUFDO0lBQ3BDLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEtBQUs7UUFDeEMsb0JBQUMsYUFBYSxvQkFBSyxLQUFLLElBQUUsWUFBWSxFQUFFLFlBQVksS0FDakQsUUFBUSxDQUNLLENBQ2EsQ0FDaEMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQVNGLE1BQU0sT0FBTyxHQUEyQixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUN2RCx5RkFBeUY7SUFDekYsd0ZBQXdGO0lBQ3hGLE9BQU8sb0JBQUMsU0FBUyxxQkFBZSxNQUFNLElBQUUsUUFBUSxDQUFhLENBQUM7QUFDaEUsQ0FBQyxDQUFDO0FBQ0YsT0FBTyxDQUFDLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztBQU8xQixNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzlELE1BQU0sS0FBeUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUE5RSxFQUFFLE1BQU0sR0FBRyxDQUFDLEVBQUUsWUFBWSxPQUFvRCxFQUEvQyxLQUFLLGNBQXBDLDBCQUFzQyxDQUF3QyxDQUFDO0lBQ3JGLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLG9CQUFLLEtBQUssSUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNO1FBQzFELG9CQUFDLFVBQVUsUUFBRSxRQUFRLENBQWMsQ0FDdkIsQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBQ0YsS0FBSyxDQUFDLFdBQVcsR0FBRyxlQUFlLENBQUM7QUFDcEMsT0FBTyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7QUFPdEI7O0dBRUc7QUFDSCxNQUFNLFdBQVcsR0FBK0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDL0QsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0lBQ3pELE1BQU0sT0FBTyxHQUFHLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRSxLQUFLLENBQUM7SUFFM0IsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDNUMsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssb0JBQU8sVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFHLENBQUM7QUFDaEYsQ0FBQyxDQUFDO0FBQ0YsV0FBVyxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFL0MsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBeUMsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRyxPQUFPLEVBQUUsU0FBUyxFQUF1QixNQUFNLCtCQUErQixDQUFDO0FBMEIvRSxNQUFNLG1CQUFtQixHQUFHLGFBQWEsQ0FBaUMsRUFBRSxDQUFDLENBQUM7QUFROUUsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFxQixDQUFDLEVBQW9FLEVBQUUsRUFBRTtRQUF4RSxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQVksRUFBUCxLQUFLLGNBQWxFLGlEQUFvRSxDQUFGO0lBQzFHLE1BQU0sWUFBWSxHQUFHLENBQUMsTUFBZSxFQUFFLEVBQUU7UUFDdkMsYUFBYSxhQUFiLGFBQWEsdUJBQWIsYUFBYSxDQUFHLE1BQU0sQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxFQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sRUFBSSxDQUFDO0lBQ3BDLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEtBQUs7UUFDeEMsb0JBQUMsYUFBYSxvQkFBSyxLQUFLLElBQUUsWUFBWSxFQUFFLFlBQVksS0FDakQsUUFBUSxDQUNLLENBQ2EsQ0FDaEMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUNGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO0FBU2hDLE1BQU0sT0FBTyxHQUEyQixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUN2RCx5RkFBeUY7SUFDekYsd0ZBQXdGO0lBQ3hGLE9BQU8sb0JBQUMsU0FBUyxxQkFBZSxNQUFNLElBQUUsUUFBUSxDQUFhLENBQUM7QUFDaEUsQ0FBQyxDQUFDO0FBQ0YsT0FBTyxDQUFDLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztBQU8xQixNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzlELE1BQU0sS0FBeUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUE5RSxFQUFFLE1BQU0sR0FBRyxDQUFDLEVBQUUsWUFBWSxPQUFvRCxFQUEvQyxLQUFLLGNBQXBDLDBCQUFzQyxDQUF3QyxDQUFDO0lBQ3JGLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLG9CQUFLLEtBQUssSUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNO1FBQzFELG9CQUFDLFVBQVUsUUFBRSxRQUFRLENBQWMsQ0FDdkIsQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBQ0YsS0FBSyxDQUFDLFdBQVcsR0FBRyxlQUFlLENBQUM7QUFDcEMsT0FBTyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7QUFPdEI7O0dBRUc7QUFDSCxNQUFNLFdBQVcsR0FBK0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDL0QsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0lBQ3pELE1BQU0sT0FBTyxHQUFHLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRSxLQUFLLENBQUM7SUFFM0IsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDNUMsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssb0JBQU8sVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFHLENBQUM7QUFDaEYsQ0FBQyxDQUFDO0FBQ0YsV0FBVyxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQyJ9

package/dist/styles.css

@@ -1076,9 +1076,6 @@ input[type='number'].no-arrows {
 .-m-2{
   margin: -4px;
 }
-.m-3{
-  margin: 8px;
-}
 .m-4{
   margin: 12px;
 }
@@ -1427,6 +1424,9 @@ input[type='number'].no-arrows {
 .min-w-full{
   min-width: 100%;
 }
+.max-w-\[233px\]{
+  max-width: 233px;
+}
 .max-w-\[300px\]{
   max-width: 300px;
 }
@@ -1729,6 +1729,11 @@ input[type='number'].no-arrows {
 .scroll-smooth{
   scroll-behavior: smooth;
 }
+.truncate{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .text-ellipsis{
   text-overflow: ellipsis;
 }
@@ -1767,6 +1772,12 @@ input[type='number'].no-arrows {
   border-radius: 0.125rem;
   border-radius: var(--aquarium-border-radius-sm);
 }
+.rounded-r-full{
+  border-top-right-radius: 9999px;
+  border-top-right-radius: var(--aquarium-border-radius-full);
+  border-bottom-right-radius: 9999px;
+  border-bottom-right-radius: var(--aquarium-border-radius-full);
+}
 .border{
   border-width: 1px;
   border-width: var(--aquarium-border-width-default);
@@ -2931,6 +2942,9 @@ input[type='number'].no-arrows {
 .pl-\[56px\]{
   padding-left: 56px;
 }
+.pl-\[6px\]{
+  padding-left: 6px;
+}
 .pr-4{
   padding-right: 12px;
 }
@@ -2943,6 +2957,9 @@ input[type='number'].no-arrows {
 .pr-\[64px\]{
   padding-right: 64px;
 }
+.pr-\[6px\]{
+  padding-right: 6px;
+}
 .pt-3{
   padding-top: 8px;
 }
@@ -3517,12 +3534,6 @@ input[type='number'].no-arrows {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
 }
-.ring-0{
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
-}
 .ring-1{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3974,6 +3985,12 @@ input[type='number'].no-arrows {
 .outside-month\:hidden[data-outside-month]{
   display: none;
 }
+.group:where([data-rac])[data-empty] .group-empty\:invisible{
+  visibility: hidden;
+}
+.group:where(:not([data-rac])):empty .group-empty\:invisible{
+  visibility: hidden;
+}
 .group:where([data-rac])[data-focus-within] .group-focus-within\:opacity-100{
   opacity: 1;
 }
@@ -4162,6 +4179,10 @@ input[type='number'].no-arrows {
   background-color: rgba(255,173,179,1);
   background-color: var(--aquarium-background-color-danger-default);
 }
+.focus\:bg-default:where([data-rac])[data-focused]{
+  background-color: rgba(237,237,240,1);
+  background-color: var(--aquarium-background-color-default);
+}
 .focus\:bg-intense:where([data-rac])[data-focused]{
   background-color: rgba(210,210,214,1);
   background-color: var(--aquarium-background-color-intense);
@@ -4192,6 +4213,10 @@ input[type='number'].no-arrows {
   background-color: rgba(255,173,179,1);
   background-color: var(--aquarium-background-color-danger-default);
 }
+.focus\:bg-default:where(:not([data-rac])):focus{
+  background-color: rgba(237,237,240,1);
+  background-color: var(--aquarium-background-color-default);
+}
 .focus\:bg-intense:where(:not([data-rac])):focus{
   background-color: rgba(210,210,214,1);
   background-color: var(--aquarium-background-color-intense);
@@ -4353,6 +4378,10 @@ input[type='number'].no-arrows {
 .focus-visible\:ring-offset-2:where(:not([data-rac])):focus-visible{
   --tw-ring-offset-width: 2px;
 }
+.pressed\:border-info-default[data-pressed]{
+  border-color: rgba(3,153,227,1);
+  border-color: var(--aquarium-border-color-info-default);
+}
 .pressed\:bg-intense[data-pressed]{
   background-color: rgba(210,210,214,1);
   background-color: var(--aquarium-background-color-intense);
@@ -4485,10 +4514,34 @@ input[type='number'].no-arrows {
   background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-background-color-muted);
 }
+.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{
+  display: none;
+}
 .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{
   -webkit-appearance: none;
           appearance: none;
 }
+.\[\&\:not\(\:first-child\)\]\:before\:m-3:not(:first-child)::before{
+  content: var(--tw-content);
+  margin: 8px;
+}
+.\[\&\:not\(\:first-child\)\]\:before\:block:not(:first-child)::before{
+  content: var(--tw-content);
+  display: block;
+}
+.\[\&\:not\(\:first-child\)\]\:before\:h-\[1px\]:not(:first-child)::before{
+  content: var(--tw-content);
+  height: 1px;
+}
+.\[\&\:not\(\:first-child\)\]\:before\:bg-default:not(:first-child)::before{
+  content: var(--tw-content);
+  background-color: rgba(237,237,240,1);
+  background-color: var(--aquarium-background-color-default);
+}
+.\[\&\:not\(\:first-child\)\]\:before\:content-\[\"\"\]:not(:first-child)::before{
+  --tw-content: "";
+  content: var(--tw-content);
+}
 .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child){
   margin-left: -8px;
 }