colibri-ui 0.8.76 → 0.8.78

package/esm/theme_jaipur_variables.css

@@ -108,14 +108,17 @@
 --color-action-secondary-hover: #FFBDD8;
 --color-action-secondary-pressed: #F586B6;
 --color-action-secondary-text: #2C2242;
+--color-action-clear-text-hover: #87305F;
 --color-action-disabled: #F2F1EE;
 --color-action-disabled-text: #AAA6AA;
 --color-focus-ring: #FFA8CD;
 --color-status-success: #46591B;
 --color-status-success-bg: #E6FFA9;
+--color-status-success-bg-hover: #EEFFC6;
 --color-status-warning: #624D15;
 --color-status-warning-bg: #FFF0AD;
 --color-status-error: #7A263C;
+--color-status-error-hover: #D9639A;
 --color-status-error-accent: #D94B69;
 --color-status-error-bg: #FFE5EB;
 --color-status-info: #303F6C;
@@ -223,6 +226,36 @@
 --component-input-padding-block: 0.3125rem;
 --component-input-padding-inline: 0.625rem;
 --component-input-content-margin-block: 0.4375rem;
+--component-autocomplete-inline-size: calc(var(--space-32) * 2 + var(--space-16));
+--component-autocomplete-border-success: #46591B;
+--component-autocomplete-end-icon-gap: var(--space-1);
+--component-autocomplete-icon-size: var(--component-input-icon-size);
+--component-autocomplete-clear-size: var(--space-6);
+--component-autocomplete-clear-radius: var(--radius-xs);
+--component-autocomplete-clear-icon: #66606C;
+--component-autocomplete-clear-bg-hover: #F2F1EE;
+--component-autocomplete-chevron: #66606C;
+--component-autocomplete-popup-bg: #FFFFFF;
+--component-autocomplete-popup-border: #E4E3DF;
+--component-autocomplete-popup-radius: var(--radius-md);
+--component-autocomplete-popup-shadow: var(--shadow-raised);
+--component-autocomplete-popup-offset: var(--space-2);
+--component-autocomplete-popup-z-index: 1001;
+--component-autocomplete-list-max-height: 13.75rem;
+--component-autocomplete-list-padding: var(--space-1);
+--component-autocomplete-option-min-height: var(--component-input-height-l);
+--component-autocomplete-option-padding-block: var(--component-input-padding-block);
+--component-autocomplete-option-padding-inline: var(--component-input-padding-inline);
+--component-autocomplete-option-radius: var(--radius-xs);
+--component-autocomplete-option-gap: var(--space-2);
+--component-autocomplete-option-bg-hover: #F2F1EE;
+--component-autocomplete-option-text: #2C2242;
+--component-autocomplete-option-text-selected: #2C2242;
+--component-autocomplete-option-text-disabled: #AAA6AA;
+--component-autocomplete-option-description: #66606C;
+--component-autocomplete-description-offset: var(--space-1);
+--component-autocomplete-message-text: #66606C;
+--component-autocomplete-message-padding: var(--space-4);
 --component-editable-icon-size: 1rem;
 --component-code-field-height-m: 3rem;
 --component-code-field-height-l: 3.5rem;
@@ -271,82 +304,6 @@
 --component-switch-thumb-size: 1rem;
 --component-switch-thumb-offset: 0.125rem;
 --component-switch-thumb-translate: 1.125rem;
---component-button-font-size-xs: 0.75rem;
---component-button-font-size-s: 0.8125rem;
---component-button-font-size-m: 0.9375rem;
---component-button-font-size-l: 1.125rem;
---component-button-height-xs: 1.8125rem;
---component-button-height-s: 2rem;
---component-button-height-m: 2.25rem;
---component-button-height-l: 2.625rem;
---component-button-radius: 1.125rem;
---component-button-radius-lg: 1.5rem;
---component-button-primary-bg: #2C2242;
---component-button-primary-border: #2C2242;
---component-button-primary-text: #FFA8CD;
---component-button-primary-bg-hover: #0B051D;
---component-button-primary-border-hover: #0B051D;
---component-button-primary-text-hover: #FFA8CD;
---component-button-primary-bg-pressed: #FFA8CD;
---component-button-primary-border-pressed: #FFA8CD;
---component-button-primary-text-pressed: #2C2242;
---component-button-secondary-bg: #E4E3DF;
---component-button-secondary-border: #D0CECC;
---component-button-secondary-text: #2C2242;
---component-button-secondary-bg-hover: #D0CECC;
---component-button-secondary-border-hover: #858087;
---component-button-secondary-text-hover: #2C2242;
---component-button-secondary-bg-pressed: #2C2242;
---component-button-secondary-border-pressed: #2C2242;
---component-button-secondary-text-pressed: #FFA8CD;
---component-button-outline-bg: #FFFFFF;
---component-button-outline-border: #D0CECC;
---component-button-outline-text: #2C2242;
---component-button-outline-bg-hover: #F2F1EE;
---component-button-outline-border-hover: #858087;
---component-button-outline-text-hover: #2C2242;
---component-button-outline-bg-pressed: #E4E3DF;
---component-button-outline-border-pressed: #2C2242;
---component-button-outline-text-pressed: #0B051D;
---component-button-pseudo-bg: #F9F8F5;
---component-button-pseudo-border: #F9F8F5;
---component-button-pseudo-text: #2C2242;
---component-button-pseudo-bg-hover: #F2F1EE;
---component-button-pseudo-border-hover: #F2F1EE;
---component-button-pseudo-text-hover: #2C2242;
---component-button-pseudo-bg-pressed: #E4E3DF;
---component-button-pseudo-border-pressed: #E4E3DF;
---component-button-pseudo-text-pressed: #2C2242;
---component-button-clear-bg: transparent;
---component-button-clear-border: transparent;
---component-button-clear-text: #2C2242;
---component-button-clear-bg-hover: transparent;
---component-button-clear-border-hover: transparent;
---component-button-clear-text-hover: #87305F;
---component-button-clear-bg-pressed: transparent;
---component-button-clear-border-pressed: transparent;
---component-button-clear-text-pressed: #0B051D;
---component-button-alert-bg: #7A263C;
---component-button-alert-border: #7A263C;
---component-button-alert-text: #FFFFFF;
---component-button-alert-bg-hover: #D9639A;
---component-button-alert-border-hover: #D9639A;
---component-button-alert-text-hover: #FFFFFF;
---component-button-alert-bg-pressed: #D94B69;
---component-button-alert-border-pressed: #D94B69;
---component-button-alert-text-pressed: #FFFFFF;
---component-button-success-bg: #E6FFA9;
---component-button-success-border: #E6FFA9;
---component-button-success-text: #2C2242;
---component-button-success-bg-hover: #EEFFC6;
---component-button-success-border-hover: #EEFFC6;
---component-button-success-text-hover: #2C2242;
---component-button-success-bg-pressed: #46591B;
---component-button-success-border-pressed: #46591B;
---component-button-success-text-pressed: #FFFFFF;
---component-button-bg-disabled: #F2F1EE;
---component-button-border-disabled: #F2F1EE;
---component-button-text-disabled: #AAA6AA;
 --component-menu-bg: #FFFFFF;
 --component-menu-text: #2C2242;
 --component-menu-border: #E4E3DF;
@@ -356,6 +313,46 @@
 --component-menu-item-bg-pressed: #E4E3DF;
 --component-menu-item-bg-selected: #2C2242;
 --component-menu-item-text-disabled: #AAA6AA;
+--component-list-bg: #FFFFFF;
+--component-list-text: #2C2242;
+--component-list-text-disabled: #AAA6AA;
+--component-list-description: #4B4456;
+--component-list-description-selected: #2C2242;
+--component-list-divider: #E4E3DF;
+--component-list-focus-ring: #FFA8CD;
+--component-list-container-radius: var(--radius-lg);
+--component-list-container-padding: var(--space-1);
+--component-list-items-gap: var(--space-1);
+--component-list-item-bg-hover: #F2F1EE;
+--component-list-item-bg-selected: #F2F1EE;
+--component-list-item-text-selected: #2C2242;
+--component-list-item-text-disabled: #AAA6AA;
+--component-list-item-radius: var(--radius-md);
+--component-list-item-surface-radius: var(--radius-md);
+--component-list-item-gap: var(--space-3);
+--component-list-item-min-height-s: calc(var(--space-10) + var(--space-1));
+--component-list-item-min-height-m: calc(var(--space-10) + var(--space-4));
+--component-list-item-min-height-l: var(--space-16);
+--component-list-item-min-height-compact: calc(var(--space-10) + var(--space-1));
+--component-list-item-padding-block: var(--component-input-padding-inline);
+--component-list-item-padding-block-compact: var(--space-1);
+--component-list-item-padding-inline: var(--space-3);
+--component-list-item-padding-inline-l: var(--space-4);
+--component-list-font-size-s: var(--font-size-text-sm);
+--component-list-line-height-s: var(--line-height-text-sm);
+--component-list-font-size-m: var(--font-size-text-md);
+--component-list-line-height-m: var(--line-height-text-md);
+--component-list-font-size-l: var(--font-size-text-md);
+--component-list-line-height-l: var(--line-height-text-md);
+--component-list-description-font-size: var(--font-size-text-xs);
+--component-list-description-line-height: var(--line-height-text-xs);
+--component-list-description-offset: var(--space-1);
+--component-list-section-gap: var(--space-3);
+--component-list-section-title: #4B4456;
+--component-list-section-title-font-size: var(--font-size-text-xs);
+--component-list-section-title-line-height: var(--line-height-text-xs);
+--component-list-section-title-padding-block-start: var(--space-2);
+--component-list-section-title-padding-block-end: var(--component-input-padding-block);
 --component-tab-bg: #FFFFFF;
 --component-tab-bg-hover: #F2F1EE;
 --component-tab-bg-pressed: #E4E3DF;
@@ -711,4 +708,80 @@
 --promo-mint: #E6FFA9;
 --promo-sky: #E4EDFF;
 --promo-neon: #EEE7F1;
+--component-button-font-size-xs: 0.75rem;
+--component-button-font-size-s: 0.8125rem;
+--component-button-font-size-m: 0.9375rem;
+--component-button-font-size-l: 1.125rem;
+--component-button-height-xs: 1.8125rem;
+--component-button-height-s: 2rem;
+--component-button-height-m: 2.25rem;
+--component-button-height-l: 2.625rem;
+--component-button-radius: 1.125rem;
+--component-button-radius-lg: 1.5rem;
+--component-button-primary-bg: var(--color-action-primary);
+--component-button-primary-border: var(--color-action-primary);
+--component-button-primary-text: var(--color-action-secondary);
+--component-button-primary-bg-hover: var(--color-action-primary-hover);
+--component-button-primary-border-hover: var(--color-action-primary-hover);
+--component-button-primary-text-hover: var(--color-action-secondary);
+--component-button-primary-bg-pressed: var(--color-action-secondary);
+--component-button-primary-border-pressed: var(--color-action-secondary);
+--component-button-primary-text-pressed: var(--color-text-on-brand);
+--component-button-secondary-bg: var(--color-bg-surface-strong);
+--component-button-secondary-border: var(--color-border-default);
+--component-button-secondary-text: var(--color-text-primary);
+--component-button-secondary-bg-hover: var(--color-neutral-300);
+--component-button-secondary-border-hover: var(--color-border-strong);
+--component-button-secondary-text-hover: var(--color-text-primary);
+--component-button-secondary-bg-pressed: var(--color-action-primary);
+--component-button-secondary-border-pressed: var(--color-action-primary);
+--component-button-secondary-text-pressed: var(--color-action-secondary);
+--component-button-outline-bg: var(--color-bg-surface);
+--component-button-outline-border: var(--color-border-default);
+--component-button-outline-text: var(--color-text-primary);
+--component-button-outline-bg-hover: var(--color-bg-surface-subtle);
+--component-button-outline-border-hover: var(--color-border-strong);
+--component-button-outline-text-hover: var(--color-text-primary);
+--component-button-outline-bg-pressed: var(--color-bg-surface-strong);
+--component-button-outline-border-pressed: var(--color-action-primary);
+--component-button-outline-text-pressed: var(--color-action-primary-pressed);
+--component-button-pseudo-bg: var(--color-bg-canvas);
+--component-button-pseudo-border: var(--color-bg-canvas);
+--component-button-pseudo-text: var(--color-text-primary);
+--component-button-pseudo-bg-hover: var(--color-bg-surface-subtle);
+--component-button-pseudo-border-hover: var(--color-bg-surface-subtle);
+--component-button-pseudo-text-hover: var(--color-text-primary);
+--component-button-pseudo-bg-pressed: var(--color-bg-surface-strong);
+--component-button-pseudo-border-pressed: var(--color-bg-surface-strong);
+--component-button-pseudo-text-pressed: var(--color-text-primary);
+--component-button-clear-bg: transparent;
+--component-button-clear-border: transparent;
+--component-button-clear-text: var(--color-text-primary);
+--component-button-clear-bg-hover: transparent;
+--component-button-clear-border-hover: transparent;
+--component-button-clear-text-hover: var(--color-action-clear-text-hover);
+--component-button-clear-bg-pressed: transparent;
+--component-button-clear-border-pressed: transparent;
+--component-button-clear-text-pressed: var(--color-action-primary-pressed);
+--component-button-alert-bg: var(--color-status-error);
+--component-button-alert-border: var(--color-status-error);
+--component-button-alert-text: var(--color-brand-white);
+--component-button-alert-bg-hover: var(--color-status-error-hover);
+--component-button-alert-border-hover: var(--color-status-error-hover);
+--component-button-alert-text-hover: var(--color-brand-white);
+--component-button-alert-bg-pressed: var(--color-status-error-accent);
+--component-button-alert-border-pressed: var(--color-status-error-accent);
+--component-button-alert-text-pressed: var(--color-brand-white);
+--component-button-success-bg: var(--color-status-success-bg);
+--component-button-success-border: var(--color-status-success-bg);
+--component-button-success-text: var(--color-text-primary);
+--component-button-success-bg-hover: var(--color-status-success-bg-hover);
+--component-button-success-border-hover: var(--color-status-success-bg-hover);
+--component-button-success-text-hover: var(--color-text-primary);
+--component-button-success-bg-pressed: var(--color-status-success);
+--component-button-success-border-pressed: var(--color-status-success);
+--component-button-success-text-pressed: var(--color-brand-white);
+--component-button-bg-disabled: var(--color-action-disabled);
+--component-button-border-disabled: var(--color-action-disabled);
+--component-button-text-disabled: var(--color-action-disabled-text);
 }

package/hooks/useMediaSizes/index.d.ts

@@ -1,5 +1,5 @@
-import type { BreakpointsTheme } from "../../Theme/breakpoints";
-export type QueryInputFunction = (breakpoints: BreakpointsTheme) => string;
+import type { Media } from "../../Theme/breakpoints";
+export type QueryInputFunction = (breakpoints: Media) => string;
 type QueryInput = QueryInputFunction | string;
 export declare const useMediaSizes: (queryInput: QueryInput) => boolean;
 export {};

package/hooks/useMediaSizes/index.js

@@ -10,7 +10,7 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
 
 var supportMatchMedia = typeof window !== "undefined" && typeof window.matchMedia !== "undefined";
 var useMediaSizes = function useMediaSizes(queryInput) {
-  var query = typeof queryInput === "function" ? queryInput(breakpoints.default) : queryInput;
+  var query = typeof queryInput === "function" ? queryInput(breakpoints.media) : queryInput;
   query = query.replace(/^@media( ?)/m, "");
   var matchMedia = supportMatchMedia ? window.matchMedia : null;
   var _useState = React.useState(function () {

package/hooks/useTrapFocus/index.d.ts

@@ -1,2 +1,2 @@
 import type { RefObject } from "react";
-export declare function useTrapFocus(refObject: RefObject<HTMLElement | null>): void;
+export declare function useTrapFocus(refObject: RefObject<HTMLElement | null>, isActive?: () => boolean): void;

package/hooks/useTrapFocus/index.js

@@ -5,10 +5,11 @@ var React = require('react');
 var getFocusableModalElements = function getFocusableModalElements(element) {
   return element.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="password"], input[type="radio"], input[type="checkbox"], select');
 };
-function useTrapFocus(refObject) {
+function useTrapFocus(refObject, isActive) {
   React.useEffect(function () {
     var handler = function handler(event) {
       if (!refObject.current || event.code !== "Tab") return;
+      if (isActive && !isActive()) return;
       var focusable = Array.from(getFocusableModalElements(refObject.current));
       var firstElement = focusable[0];
       var lastElement = focusable[focusable.length - 1];
@@ -26,7 +27,7 @@ function useTrapFocus(refObject) {
     return function () {
       document.removeEventListener("keydown", handler);
     };
-  }, [refObject]);
+  }, [refObject, isActive]);
 }
 
 exports.useTrapFocus = useTrapFocus;

package/index.d.ts

@@ -2,6 +2,8 @@ export { Accordion } from "./Accordion";
 export type { AccordionProps } from "./Accordion/index.props";
 export { Avatar } from "./Avatar";
 export type { AvatarProps } from "./Avatar/index.props";
+export { Autocomplete } from "./Autocomplete";
+export type { AutocompleteOption, AutocompleteOptionState, AutocompleteProps, AutocompleteSize, } from "./Autocomplete/index.props";
 export { Badge } from "./Badge";
 export type { Props as BadgeProps } from "./Badge/index.props";
 export { Button } from "./Button";
@@ -38,12 +40,14 @@ export { Image } from "./Image";
 export type { ImageProps } from "./Image/index.props";
 export { Input } from "./Input";
 export type { InputProps } from "./Input/index.props";
+export { List, ListItem, ListSection } from "./List";
+export type { ListDensity, ListItemBaseProps, ListItemButtonProps, ListItemLinkProps, ListItemProps, ListItemStaticProps, ListProps, ListSectionProps, ListSize, ListSurface, } from "./List/index.props";
 export { Menu } from "./Menu";
 export type { Props as MenuProps } from "./Menu/index.props";
 export { MenuItem } from "./Menu/components/MenuItem";
 export type { MenuItemProps } from "./Menu/components/MenuItem/index.props";
-export { Modal } from "./Modal";
-export type { ModalProps } from "./Modal/index.props";
+export { Modal, ModalHeader, ModalTitle, ModalBody, ModalFooter, } from "./Modal";
+export type { ModalProps, ModalHeaderProps, ModalTitleProps, ModalBodyProps, ModalFooterProps, } from "./Modal/index.props";
 export { MultiSelect } from "./MultiSelect";
 export type { MultiSelectProps } from "./MultiSelect/index.props";
 export { NumberInput } from "./NumberInput";
@@ -74,7 +78,8 @@ export { TabsPanels } from "./TabsPanels";
 export type { TabsPanelsProps } from "./TabsPanels/index.props";
 export { TextArea } from "./TextArea";
 export type { ITextAreaProps } from "./TextArea/index.props";
-export { THEMES } from "./Theme";
+export { THEMES, BREAKPOINTS, media } from "./Theme";
+export type { BreakpointName, Media } from "./Theme";
 export { TimeSelect } from "./TimeSelect";
 export type { TimeSelectProps } from "./TimeSelect/index.props";
 export { Tooltip } from "./Tooltip";

package/index.js

@@ -2,6 +2,7 @@
 
 var index = require('./Accordion/index.js');
 var index$1 = require('./Avatar/index.js');
+require('./Autocomplete/index.js');
 var index$2 = require('./Badge/index.js');
 var index$3 = require('./Button/index.js');
 require('./Calendar/index.js');
@@ -20,32 +21,35 @@ var index$a = require('./Grid/index.js');
 var index$b = require('./Grid/Item/index.js');
 var index$c = require('./Image/index.js');
 var index$d = require('./Input/index.js');
+require('./List/index.js');
 var index$e = require('./Menu/index.js');
 var index$f = require('./Menu/components/MenuItem/index.js');
 var index$g = require('./Modal/index.js');
-var index$h = require('./MultiSelect/index.js');
+var index$l = require('./MultiSelect/index.js');
 require('./NumberInput/index.js');
-var index$i = require('./Portal/index.js');
+var index$m = require('./Portal/index.js');
 require('./Progress/index.js');
-var index$j = require('./RadioGroup/index.js');
+var index$n = require('./RadioGroup/index.js');
 require('./Rating/index.js');
-var index$k = require('./Select/index.js');
-var index$l = require('./Separator/index.js');
-var index$m = require('./Skeleton/index.js');
+var index$o = require('./Select/index.js');
+var index$p = require('./Separator/index.js');
+var index$q = require('./Skeleton/index.js');
 require('./Slider/index.js');
-var index$n = require('./Status/index.js');
-var index$o = require('./Switch/index.js');
-var index$q = require('./TabsMenu/index.js');
-var index$r = require('./TabsPanels/index.js');
-var index$s = require('./TextArea/index.js');
-var index$p = require('./Theme/index.js');
-var index$t = require('./TimeSelect/index.js');
-var index$u = require('./Tooltip/index.js');
-var index$v = require('./Typography/index.js');
-var index$w = require('./hooks/useMediaSizes/index.js');
-var index$x = require('./hooks/useScrollLock/index.js');
+var index$r = require('./Status/index.js');
+var index$s = require('./Switch/index.js');
+var index$u = require('./TabsMenu/index.js');
+var index$v = require('./TabsPanels/index.js');
+var index$w = require('./TextArea/index.js');
+var index$t = require('./Theme/index.js');
+var index$x = require('./TimeSelect/index.js');
+var index$y = require('./Tooltip/index.js');
+var index$z = require('./Typography/index.js');
+var index$A = require('./hooks/useMediaSizes/index.js');
+var index$B = require('./hooks/useScrollLock/index.js');
 require('./Icons/index.js');
 var ArrowNext = require('./Icons/ArrowNext.js');
+var Autocomplete = require('./Autocomplete/Autocomplete.js');
+var breakpoints = require('./Theme/breakpoints.js');
 var Calendar = require('./Calendar/Calendar.js');
 var Card = require('./Card/Card.js');
 var Cart = require('./Icons/Cart.js');
@@ -65,7 +69,12 @@ var EyeClosed = require('./Icons/EyeClosed.js');
 var EyeOpen = require('./Icons/EyeOpen.js');
 var Help = require('./Icons/Help.js');
 var Info = require('./Icons/Info.js');
+var List = require('./List/List.js');
 var Minus = require('./Icons/Minus.js');
+var index$h = require('./Modal/components/Body/index.js');
+var index$i = require('./Modal/components/Footer/index.js');
+var index$j = require('./Modal/components/Header/index.js');
+var index$k = require('./Modal/components/Title/index.js');
 var More = require('./Icons/More.js');
 var NumberInput = require('./NumberInput/NumberInput.js');
 var Plus = require('./Icons/Plus.js');
@@ -96,25 +105,28 @@ exports.Input = index$d.Input;
 exports.Menu = index$e.Menu;
 exports.MenuItem = index$f.MenuItem;
 exports.Modal = index$g.Modal;
-exports.MultiSelect = index$h.MultiSelect;
-exports.Portal = index$i.Portal;
-exports.RadioGroup = index$j.RadioGroup;
-exports.Select = index$k.Select;
-exports.Separator = index$l.Separator;
-exports.SkeletonRect = index$m.SkeletonRect;
-exports.SkeletonText = index$m.SkeletonText;
-exports.Status = index$n.Status;
-exports.Switch = index$o.Switch;
-exports.TabsMenu = index$q.TabsMenu;
-exports.TabsPanels = index$r.TabsPanels;
-exports.TextArea = index$s.TextArea;
-exports.THEMES = index$p.THEMES;
-exports.TimeSelect = index$t.TimeSelect;
-exports.Tooltip = index$u.Tooltip;
-exports.Typography = index$v.Typography;
-exports.useMediaSizes = index$w.useMediaSizes;
-exports.useScrollLock = index$x.useScrollLock;
+exports.MultiSelect = index$l.MultiSelect;
+exports.Portal = index$m.Portal;
+exports.RadioGroup = index$n.RadioGroup;
+exports.Select = index$o.Select;
+exports.Separator = index$p.Separator;
+exports.SkeletonRect = index$q.SkeletonRect;
+exports.SkeletonText = index$q.SkeletonText;
+exports.Status = index$r.Status;
+exports.Switch = index$s.Switch;
+exports.TabsMenu = index$u.TabsMenu;
+exports.TabsPanels = index$v.TabsPanels;
+exports.TextArea = index$w.TextArea;
+exports.THEMES = index$t.THEMES;
+exports.TimeSelect = index$x.TimeSelect;
+exports.Tooltip = index$y.Tooltip;
+exports.Typography = index$z.Typography;
+exports.useMediaSizes = index$A.useMediaSizes;
+exports.useScrollLock = index$B.useScrollLock;
 exports.ArrowNext = ArrowNext.ArrowNext;
+exports.Autocomplete = Autocomplete.Autocomplete;
+exports.BREAKPOINTS = breakpoints.BREAKPOINTS;
+exports.media = breakpoints.media;
 exports.Calendar = Calendar.Calendar;
 exports.Card = Card.Card;
 exports.CardContent = Card.CardContent;
@@ -142,7 +154,14 @@ exports.EyeClosed = EyeClosed.EyeClosed;
 exports.EyeOpen = EyeOpen.EyeOpen;
 exports.Help = Help.Help;
 exports.Info = Info.Info;
+exports.List = List.List;
+exports.ListItem = List.ListItem;
+exports.ListSection = List.ListSection;
 exports.Minus = Minus.Minus;
+exports.ModalBody = index$h.Body;
+exports.ModalFooter = index$i.Footer;
+exports.ModalHeader = index$j.Header;
+exports.ModalTitle = index$k.Title;
 exports.More = More.More;
 exports.NumberInput = NumberInput.NumberInput;
 exports.Plus = Plus.Plus;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.76",
+  "version": "0.8.78",
   "description": "React UI components library",
   "main": "index.js",
   "types": "index.d.ts",