@aivenio/aquarium 1.4.0 → 1.5.0

package/dist/src/common/Card/Card.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { type ColorName } from '../../../types/designTokens';
+declare type DivProps = React.HTMLProps<HTMLDivElement>;
+declare type ComposedCardProps = {
+    ColorHiglight: typeof ColorHighlight;
+    ImageContainer: typeof ImageContainer;
+    Image: typeof Image;
+    Content: typeof Content;
+    Actions: typeof Actions;
+};
+declare type CardProps = {
+    fullWidth?: boolean;
+    disabled?: boolean;
+    clickable?: boolean;
+};
+export declare const Card: React.FC<CardProps & DivProps> & ComposedCardProps;
+declare const ColorHighlight: React.FC<{
+    color: ColorName;
+    className?: string;
+}>;
+declare const ImageContainer: React.FC<DivProps & {
+    fullSize: boolean;
+}>;
+declare const Image: React.FC<DivProps & {
+    image: string;
+    imageAlt: string | undefined;
+    fullSize: boolean;
+}>;
+declare const Content: React.FC<DivProps & {
+    dense?: boolean;
+}>;
+declare const Actions: React.FC<DivProps & {
+    dense?: boolean;
+}>;
+export {};

package/dist/src/common/Card/Card.js

@@ -0,0 +1,50 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Box } from '../../../src/components/Box/Box';
+import { classNames, tw } from '../../../src/utils/tailwind';
+export const Card = (_a) => {
+    var { disabled, fullWidth, clickable, className, children } = _a, rest = __rest(_a, ["disabled", "fullWidth", "clickable", "className", "children"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5', {
+            'w-[280px]': !fullWidth,
+            'w-full min-w-[280px]': Boolean(fullWidth),
+            'active:bg-grey-5 cursor-pointer hover:border-grey-50 focus:border-info-70': Boolean(clickable && !disabled),
+            'bg-grey-0 cursor-not-allowed focus:border-transparent': Boolean(disabled),
+        }), className) }), children));
+};
+const ColorHighlight = (_a) => {
+    var { color, className } = _a, rest = __rest(_a, ["color", "className"]);
+    return (React.createElement(Box, Object.assign({}, rest, { backgroundColor: color, className: classNames(tw('h-1 w-full absolute top-0 left-0 right-0'), className) })));
+};
+const ImageContainer = (_a) => {
+    var { className, fullSize } = _a, rest = __rest(_a, ["className", "fullSize"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('-mx-4', {
+            '-mt-4': Boolean(fullSize),
+        }), className) })));
+};
+const Image = ({ image, imageAlt, fullSize, }) => (React.createElement("img", { src: image, alt: imageAlt, className: tw('w-full bg-cover object-cover h-[174px]', {
+        'h-[225px]': Boolean(fullSize),
+    }) }));
+const Content = (_a) => {
+    var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col', { 'gap-4': !dense }), className) })));
+};
+const Actions = (_a) => {
+    var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-3 items-center', { 'pt-3 ': !dense }), className) })));
+};
+Card.Content = Content;
+Card.Actions = Actions;
+Card.ImageContainer = ImageContainer;
+Card.Image = Image;
+Card.ColorHiglight = ColorHighlight;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQW1CcEQsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUF1RCxDQUFDLEVBT3hFLEVBQUUsRUFBRTtRQVBvRSxFQUN2RSxRQUFRLEVBQ1IsU0FBUyxFQUNULFNBQVMsRUFDVCxTQUFTLEVBQ1QsUUFBUSxPQUVULEVBREksSUFBSSxjQU5nRSwrREFPeEUsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDJFQUEyRSxFQUFFO1lBQzlFLFdBQVcsRUFBRSxDQUFDLFNBQVM7WUFDdkIsc0JBQXNCLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQztZQUMxQywyRUFBMkUsRUFBRSxPQUFPLENBQUMsU0FBUyxJQUFJLENBQUMsUUFBUSxDQUFDO1lBQzVHLHVEQUF1RCxFQUFFLE9BQU8sQ0FBQyxRQUFRLENBQUM7U0FDM0UsQ0FBQyxFQUNGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQXVELENBQUMsRUFBNkIsRUFBRSxFQUFFO1FBQWpDLEVBQUUsS0FBSyxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBM0Isc0JBQTZCLENBQUY7SUFBTyxPQUFBLENBQzVHLG9CQUFDLEdBQUcsb0JBQ0UsSUFBSSxJQUNSLGVBQWUsRUFBRSxLQUFLLEVBQ3RCLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDBDQUEwQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQ2hGLENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLGNBQWMsR0FBK0MsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDdkcsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxPQUFPLEVBQUU7WUFDVixPQUFPLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQztTQUMzQixDQUFDLEVBQ0YsU0FBUyxDQUNWLElBQ0QsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sS0FBSyxHQUE0RixDQUFDLEVBQ3RHLEtBQUssRUFDTCxRQUFRLEVBQ1IsUUFBUSxHQUNULEVBQUUsRUFBRSxDQUFDLENBQ0osNkJBQ0UsR0FBRyxFQUFFLEtBQUssRUFDVixHQUFHLEVBQUUsUUFBUSxFQUNiLFNBQVMsRUFBRSxFQUFFLENBQUMsd0NBQXdDLEVBQUU7UUFDdEQsV0FBVyxFQUFFLE9BQU8sQ0FBQyxRQUFRLENBQUM7S0FDL0IsQ0FBQyxHQUNGLENBQ0gsQ0FBQztBQUVGLE1BQU0sT0FBTyxHQUE2QyxDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFNBQVMsRUFBRSxLQUFLLE9BQVcsRUFBTixJQUFJLGNBQTNCLHNCQUE2QixDQUFGO0lBQU8sT0FBQSxDQUMzRiw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsZUFBZSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUM5RixDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sT0FBTyxHQUE2QyxDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFNBQVMsRUFBRSxLQUFLLE9BQVcsRUFBTixJQUFJLGNBQTNCLHNCQUE2QixDQUFGO0lBQU8sT0FBQSxDQUMzRiw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMseUJBQXlCLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3hHLENBQUE7Q0FBQSxDQUFDO0FBRUYsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7QUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7QUFDdkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7QUFDckMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7QUFDbkIsSUFBSSxDQUFDLGFBQWEsR0FBRyxjQUFjLENBQUMifQ==

package/dist/src/common/Checkbox/Checkbox.js

@@ -16,13 +16,19 @@ import minus from '../../../src/icons/minus';
 import tick from '../../../src/icons/tick';
 export const Checkbox = React.forwardRef((_a, ref) => {
     var { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
-    return (React.createElement("span", { className: tw('inline-flex justify-center items-center self-center') },
-        React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: tw('opacity-0 peer w-0 h-0'), readOnly: readOnly, disabled: disabled })),
-        React.createElement(Icon, { icon: indeterminate ? minus : tick, className: classNames(tw('rounded-sm border peer w-5 h-5 p-[3px] pointer-events-none cursor-pointer peer-disabled:cursor-not-allowed', 'border-grey-20 peer-focus:border-info-70 peer-disabled:border-grey-5 peer-checked:border-navyBlue-100', 'text-transparent peer-checked:[&>path]:stroke-2 peer-checked:text-white peer-checked:[&>path]:stroke-white'), 
+    return (React.createElement("span", { className: classNames(tw('inline-flex justify-center items-center self-center relative'), {
+            'hover:border-grey-50 peer-checked:border-navyBlue-100': !disabled,
+            'border-grey-5': disabled,
+        }) },
+        React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('peer appearance-none outline-none w-5 h-5', 'rounded-sm border border-transparent', {
+                'cursor-pointer checked:bg-navyBlue-100': !disabled,
+                'cursor-not-allowed bg-grey-0': disabled,
+            })), readOnly: readOnly, disabled: disabled })),
+        React.createElement(Icon, { icon: indeterminate ? minus : tick, className: classNames(tw('absolute top-0 right-0', 'pointer-events-none p-[2px] w-5 h-5', 'text-transparent [&>path]:stroke-transparent', 'rounded-sm border border-grey-20 peer-focus:border-info-70'), 
             // It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
             {
-                'peer-checked:bg-navyBlue-100 peer-hover:border-grey-50': !disabled,
-                'peer-checked:bg-gray-0 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30': disabled,
+                'peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-navyBlue-100': !disabled,
+                'border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30': disabled,
             }) })));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFaEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVlsQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdEMsQ0FBQyxFQUEyRixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXBHLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLGFBQWEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQXpGLG1FQUEyRixDQUFGO0lBQVksT0FBQSxDQUNwRyw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLHFEQUFxRCxDQUFDO1FBQ3hFLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsVUFBVSxFQUNmLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxFQUFFLENBQUMsd0JBQXdCLENBQUMsRUFDdkMsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFFRixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQ2xDLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSw0R0FBNEcsRUFDNUcsdUdBQXVHLEVBQ3ZHLDRHQUE0RyxDQUM3RztZQUNELDhHQUE4RztZQUM5RztnQkFDRSx3REFBd0QsRUFBRSxDQUFDLFFBQVE7Z0JBQ25FLHVGQUF1RixFQUFFLFFBQVE7YUFDbEcsQ0FDRixHQUNELENBQ0csQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFaEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVlsQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdEMsQ0FBQyxFQUEyRixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXBHLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLGFBQWEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQXpGLG1FQUEyRixDQUFGO0lBQVksT0FBQSxDQUNwRyw4QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyw4REFBOEQsQ0FBQyxFQUFFO1lBQ3hGLHVEQUF1RCxFQUFFLENBQUMsUUFBUTtZQUNsRSxlQUFlLEVBQUUsUUFBUTtTQUMxQixDQUFDO1FBRUYsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDJDQUEyQyxFQUFFLHNDQUFzQyxFQUFFO2dCQUN0Rix3Q0FBd0MsRUFBRSxDQUFDLFFBQVE7Z0JBQ25ELDhCQUE4QixFQUFFLFFBQVE7YUFDekMsQ0FBQyxDQUNILEVBQ0QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFFRixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQ2xDLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSx3QkFBd0IsRUFDeEIscUNBQXFDLEVBQ3JDLDhDQUE4QyxFQUM5Qyw0REFBNEQsQ0FDN0Q7WUFDRCw4R0FBOEc7WUFDOUc7Z0JBQ0UsdUhBQXVILEVBQ3JILENBQUMsUUFBUTtnQkFDWCw4RUFBOEUsRUFBRSxRQUFRO2FBQ3pGLENBQ0YsR0FDRCxDQUNHLENBQ1IsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9

package/dist/src/common/RadioButton/RadioButton.js

@@ -13,9 +13,9 @@ import React from 'react';
 import { classNames, tw } from '../../../src/utils/tailwind';
 export const RadioButton = React.forwardRef((_a, ref) => {
     var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
-    return (React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none ', 'w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20', 'focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset', {
+    return (React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none', 'w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20', 'outline-none focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset', {
             'hover:border-grey-50 checked:border-navyBlue-100': !disabled,
             'cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40': disabled,
         })), readOnly: readOnly, disabled: disabled })));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1JhZGlvQnV0dG9uL1JhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLE9BQU8sRUFDWixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQ0Esc0VBQXNFLEVBQ3RFLG1FQUFtRSxFQUNuRSx3RUFBd0UsRUFDeEU7WUFDRSxrREFBa0QsRUFBRSxDQUFDLFFBQVE7WUFDN0Qsa0VBQWtFLEVBQUUsUUFBUTtTQUM3RSxDQUNGLENBQ0YsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQixDQUNILENBQUE7Q0FBQSxDQUNGLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1JhZGlvQnV0dG9uL1JhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLE9BQU8sRUFDWixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQ0EscUVBQXFFLEVBQ3JFLG1FQUFtRSxFQUNuRSxxRkFBcUYsRUFDckY7WUFDRSxrREFBa0QsRUFBRSxDQUFDLFFBQVE7WUFDN0Qsa0VBQWtFLEVBQUUsUUFBUTtTQUM3RSxDQUNGLENBQ0YsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQixDQUNILENBQUE7Q0FBQSxDQUNGLENBQUMifQ==

package/dist/src/common/Select/Select.js

@@ -57,7 +57,7 @@ const Input = React.forwardRef((_a, ref) => {
 });
 const Menu = React.forwardRef((_a, ref) => {
     var { maxHeight = '450px', className, children } = _a, props = __rest(_a, ["maxHeight", "className", "children"]);
-    return (React.createElement("ul", Object.assign({ ref: ref, style: { maxHeight }, className: classNames(className, tw('overflow-y-auto')) }, props), children));
+    return (React.createElement("ul", Object.assign({ ref: ref, style: { maxHeight }, className: className }, props), children));
 });
 const NoResults = React.forwardRef((_a, ref) => {
     var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
@@ -76,7 +76,7 @@ const Group = React.forwardRef((_a, ref) => {
 });
 const Item = React.forwardRef((_a, ref) => {
     var { highlighted, selected, className, children } = _a, props = __rest(_a, ["highlighted", "selected", "className", "children"]);
-    return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3', {
+    return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 typography-small', {
             'cursor-pointer': !props.disabled,
             'bg-grey-0': highlighted,
             'text-grey-20': props.disabled,
@@ -87,7 +87,7 @@ const Item = React.forwardRef((_a, ref) => {
 });
 const ActionItem = React.forwardRef((_a, ref) => {
     var { className, dense, icon, onClick, children } = _a, props = __rest(_a, ["className", "dense", "icon", "onClick", "children"]);
-    return (React.createElement("li", Object.assign({ ref: ref, role: "button", onClick: () => !props.disabled && (onClick === null || onClick === void 0 ? void 0 : onClick()), className: classNames(className, 'flex items-center gap-x-3 text-primary-80', {
+    return (React.createElement("li", Object.assign({ ref: ref, role: "button", onClick: () => !props.disabled && (onClick === null || onClick === void 0 ? void 0 : onClick()), className: classNames(className, 'flex items-center gap-x-3 typography-small text-primary-80', {
             'p-3': !dense,
             'px-3 py-2': dense,
             'cursor-pointer': !props.disabled,
@@ -115,4 +115,4 @@ export const Select = {
     ActionItem,
     Toggle,
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9TZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUcxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFdEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQUM1QyxPQUFPLFVBQVUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQUVsQyxNQUFNLFVBQVUscUJBQXFCLENBQXlCLE1BQXFCOztJQUNqRixJQUFJLE1BQU0sS0FBSyxJQUFJLEVBQUU7UUFDbkIsT0FBTyxFQUFFLENBQUM7S0FDWDtJQUVELElBQUksT0FBTyxNQUFNLEtBQUssUUFBUSxFQUFFO1FBQzlCLE9BQU8sTUFBTSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLE1BQUUsTUFBOEIsQ0FBQyxLQUFnQixtQ0FBSSxFQUFFLENBQUM7QUFDakUsQ0FBQztBQUVELE1BQU0sVUFBVSx1QkFBdUIsQ0FBeUIsTUFBYztJQUM1RSxPQUFPLENBQUMsQ0FBRSxNQUFpQyxDQUFDLFFBQVEsQ0FBQztBQUN2RCxDQUFDO0FBRUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsUUFBeUIsRUFBWSxFQUFFOztJQUMvRCxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxXQUFDLE9BQUEsTUFBQyxDQUFTLGFBQVQsQ0FBQyx1QkFBRCxDQUFDLENBQVUsS0FBSywwQ0FBRSxLQUFlLENBQUEsRUFBQSxD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9TZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUcxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFdEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQUM1QyxPQUFPLFVBQVUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQUVsQyxNQUFNLFVBQVUscUJBQXFCLENBQXlCLE1BQXFCOztJQUNqRixJQUFJLE1BQU0sS0FBSyxJQUFJLEVBQUU7UUFDbkIsT0FBTyxFQUFFLENBQUM7S0FDWDtJQUVELElBQUksT0FBTyxNQUFNLEtBQUssUUFBUSxFQUFFO1FBQzlCLE9BQU8sTUFBTSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLE1BQUUsTUFBOEIsQ0FBQyxLQUFnQixtQ0FBSSxFQUFFLENBQUM7QUFDakUsQ0FBQztBQUVELE1BQU0sVUFBVSx1QkFBdUIsQ0FBeUIsTUFBYztJQUM1RSxPQUFPLENBQUMsQ0FBRSxNQUFpQyxDQUFDLFFBQVEsQ0FBQztBQUN2RCxDQUFDO0FBRUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsUUFBeUIsRUFBWSxFQUFFOztJQUMvRCxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxXQUFDLE9BQUEsTUFBQyxDQUFTLGFBQVQsQ0FBQyx1QkFBRCxDQUFDLENBQVUsS0FBSywwQ0FBRSxLQUFlLENBQUEsRUFBQSxD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

package/dist/src/common/Switch/Switch.js

@@ -10,19 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { tw } from '../../../src/utils/tailwind';
+import { classNames, tw } from '../../../src/utils/tailwind';
 export const Switch = React.forwardRef((_a, ref) => {
     var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
     return (React.createElement("span", { className: tw('relative inline-flex justify-center items-center self-center group') },
-        React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: tw('opacity-0 peer/switch w-0 h-0'), readOnly: readOnly, disabled: disabled })),
-        React.createElement("span", { className: tw('rounded-full inline-block w-[34px] h-[20px] transition duration-300', 'peer-focus/switch:border border-info-70 bg-grey-20', 
-            // It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
-            {
-                'group-hover:bg-grey-30 peer-checked/switch:bg-navyBlue-100': !disabled,
-                'bg-grey-5 peer-checked/switch:opacity-40': disabled,
-            }) }),
-        React.createElement("span", { className: tw('rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1', {
+        React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300', 'outline-none focus:border border-info-70 bg-grey-20', 'cursor-pointer disabled:cursor-not-allowed', {
+                'hover:bg-grey-30 checked:bg-navyBlue-100 hover:checked:bg-navyBlue-100': !disabled,
+                'bg-grey-5 checked:opacity-40': disabled,
+            })), readOnly: readOnly, disabled: disabled })),
+        React.createElement("span", { className: tw('pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1', {
                 'shadow-4dp': !disabled,
             }) })));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXeEMsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLENBQUMsRUFBb0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBbEUsa0RBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsb0VBQW9FLENBQUM7UUFDdkYsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxFQUM5QyxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUdGLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQ1gscUVBQXFFLEVBQ3JFLG9EQUFvRDtZQUNwRCw4R0FBOEc7WUFDOUc7Z0JBQ0UsNERBQTRELEVBQUUsQ0FBQyxRQUFRO2dCQUN2RSwwQ0FBMEMsRUFBRSxRQUFRO2FBQ3JELENBQ0YsR0FDRDtRQUVGLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQ1gsZ0hBQWdILEVBQ2hILDJFQUEyRSxFQUMzRTtnQkFDRSxZQUFZLEVBQUUsQ0FBQyxRQUFRO2FBQ3hCLENBQ0YsR0FDRCxDQUNHLENBQ1IsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLG9FQUFvRSxDQUFDO1FBQ3ZGLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsVUFBVSxFQUNmLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSxpR0FBaUcsRUFDakcscURBQXFELEVBQ3JELDRDQUE0QyxFQUM1QztnQkFDRSx3RUFBd0UsRUFBRSxDQUFDLFFBQVE7Z0JBQ25GLDhCQUE4QixFQUFFLFFBQVE7YUFDekMsQ0FDRixDQUNGLEVBQ0QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFFRiw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUNYLG9JQUFvSSxFQUNwSSwyRUFBMkUsRUFDM0U7Z0JBQ0UsWUFBWSxFQUFFLENBQUMsUUFBUTthQUN4QixDQUNGLEdBQ0QsQ0FDRyxDQUNSLENBQUE7Q0FBQSxDQUNGLENBQUMifQ==

package/dist/src/common/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Alert/Alert';
+export * from './Card/Card';
 export * from './Checkbox/Checkbox';
 export * from './Chip/Chip';
 export * from './Dialog/Dialog';

package/dist/src/common/index.js

@@ -1,4 +1,5 @@
 export * from './Alert/Alert';
+export * from './Card/Card';
 export * from './Checkbox/Checkbox';
 export * from './Chip/Chip';
 export * from './Dialog/Dialog';
@@ -12,4 +13,4 @@ export * from './Select/Select';
 export * from './Stepper/Stepper';
 export * from './Switch/Switch';
 export * from './Table/Table';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUMifQ==

package/dist/src/components/Avatar/Avatar.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { Box } from '../../../src/components/Box/Box';
 import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
 import { classNames, tw } from '../../../src/utils/tailwind';
-export const AvatarStack = ({ images }) => (React.createElement(Box, { display: "flex", className: tw('[&>*:not(:first-child)]:-ml-3') }, images.map((image) => (image ? React.createElement(Avatar, { key: image, image: image }) : React.createElement(Avatar.Skeleton, { key: image })))));
+export const AvatarStack = ({ images }) => (React.createElement(Box, { display: "flex", className: tw('[&>*:not(:first-child)]:-ml-3') }, images.map((image, index) => image ? React.createElement(Avatar, { key: image !== null && image !== void 0 ? image : index, image: image }) : React.createElement(Avatar.Skeleton, { key: image !== null && image !== void 0 ? image : index }))));
 export const Avatar = ({ image }) => (React.createElement("img", { src: image, className: classNames(tw('w-[32px] h-[32px]')) }));
 const AvatarSkeleton = () => React.createElement(Skeleton, { height: 32, width: 32, className: tw('rounded-full') });
 Avatar.Skeleton = AvatarSkeleton;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVVwRCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQStCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDckUsb0JBQUMsR0FBRyxJQUFDLE9BQU8sRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxJQUMvRCxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsb0JBQUMsTUFBTSxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssR0FBSSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxNQUFNLENBQUMsUUFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLLEdBQUksQ0FBQyxDQUFDLENBQ3BHLENBQ1AsQ0FBQztBQVNGLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBZ0UsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNoRyw2QkFBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG1CQUFtQixDQUFDLENBQUMsR0FBSSxDQUNwRSxDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQWEsR0FBRyxFQUFFLENBQUMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxHQUFJLENBQUM7QUFFMUcsTUFBTSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVVwRCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQStCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDckUsb0JBQUMsR0FBRyxJQUFDLE9BQU8sRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxJQUMvRCxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQzNCLEtBQUssQ0FBQyxDQUFDLENBQUMsb0JBQUMsTUFBTSxJQUFDLEdBQUcsRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssR0FBSSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxNQUFNLENBQUMsUUFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxLQUFLLEdBQUksQ0FDakcsQ0FDRyxDQUNQLENBQUM7QUFTRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQWdFLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDaEcsNkJBQUssR0FBRyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLEdBQUksQ0FDcEUsQ0FBQztBQUVGLE1BQU0sY0FBYyxHQUFhLEdBQUcsRUFBRSxDQUFDLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxjQUFjLENBQUMsR0FBSSxDQUFDO0FBRTFHLE1BQU0sQ0FBQyxRQUFRLEdBQUcsY0FBYyxDQUFDIn0=

package/dist/src/components/Banner/Banner.js

@@ -17,7 +17,7 @@ const createBanner = (displayName, opts = {}) => {
                 React.createElement(BannerBase.Description, { flexGrow: isDismissable ? false : true }, children || description),
                 action && (React.createElement(BannerBase.Actions, { layout: layout },
                     React.createElement(GhostButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)))),
-            (props.layout === 'vertical' || props.layout === undefined) && props.image !== undefined && (React.createElement(BannerBase.ImageContainer, null, props.image ? (React.createElement("img", { src: props.image, alt: props.imageAlt, className: tw('w-full bg-cover object-cover'), style: { width: props.imageWidth, height: props.imageHeight } })) : (React.createElement(BannerImageSkeleton, null)))),
+            (props.layout === 'vertical' || props.layout === undefined) && props.image !== undefined && (React.createElement(BannerBase.ImageContainer, null, props.image ? (React.createElement("img", { src: props.image, alt: props.imageAlt, className: tw('bg-cover object-cover', { 'w-full': !props.imageWidth }), style: { width: props.imageWidth, height: props.imageHeight } })) : (React.createElement(BannerImageSkeleton, null)))),
             isDismissable && (React.createElement(BannerBase.DismissContainer, { layout: layout },
                 React.createElement(IconButton, { type: "button", tooltip: "Dismiss", icon: cross, onClick: onDismiss })))));
     };
@@ -41,4 +41,4 @@ const OneLineBannerBase = createBanner('OneLineBanner', {
     isOneLineBanner: true,
 });
 export const OneLineBanner = OneLineBannerBase;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQWlELE1BQU0sSUFBSSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUvRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHeEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFvRHBDLE1BQU0sbUJBQW1CLEdBQWEsR0FBRyxFQUFFLENBQUMsb0JBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsR0FBSSxDQUFDO0FBRTlGLE1BQU0sWUFBWSxHQUFHLENBQUMsV0FBbUIsRUFBRSxPQUFzQixFQUFFLEVBQUUsRUFBRTtJQUNyRSxNQUFNLGVBQWUsR0FBMEIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUN2RCxNQUFNLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxHQUFHLFNBQVMsRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDM0csTUFBTSxNQUFNLEdBQXFCLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsVUFBVSxJQUFJLFVBQVUsQ0FBQztRQUNoRyxNQUFNLGFBQWEsR0FBRyxTQUFTLEtBQUssU0FBUyxDQUFDO1FBRTlDLE9BQU8sQ0FDTCxvQkFBQyxVQUFVLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsT0FBTztZQUMxQyxvQkFBQyxVQUFVLENBQUMsZ0JBQWdCLElBQUMsTUFBTSxFQUFFLE1BQU07Z0JBQ3pDLG9CQUFDLFVBQVUsQ0FBQyxLQUFLLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQzNGLEtBQUssQ0FDVztnQkFDbkIsb0JBQUMsVUFBVSxDQUFDLFdBQVcsSUFBQyxRQUFRLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksSUFDM0QsUUFBUSxJQUFJLFdBQVcsQ0FDRDtnQkFDeEIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsVUFBVSxDQUFDLE9BQU8sSUFBQyxNQUFNLEVBQUUsTUFBTTtvQkFDaEMsb0JBQUMsV0FBVyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDeEMsTUFBTSxDQUFDLElBQUksQ0FDQSxDQUNLLENBQ3RCLENBQzJCO1lBQzdCLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxVQUFVLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxTQUFTLENBQUMsSUFBSSxLQUFLLENBQUMsS0FBSyxLQUFLLFNBQVMsSUFBSSxDQUMzRixvQkFBQyxVQUFVLENBQUMsY0FBYyxRQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNiLDZCQUNFLEdBQUcsRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNoQixHQUFHLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDbkIsU0FBUyxFQUFFLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQyxFQUM3QyxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxHQUM3RCxDQUNILENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsbUJBQW1CLE9BQUcsQ0FDeEIsQ0FDeUIsQ0FDN0I7WUFDQSxhQUFhLElBQUksQ0FDaEIsb0JBQUMsVUFBVSxDQUFDLGdCQUFnQixJQUFDLE1BQU0sRUFBRSxNQUFNO2dCQUN6QyxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFDLFFBQVEsRUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUNuRCxDQUMvQixDQUNVLENBQ2QsQ0FBQztJQUNKLENBQUMsQ0FBQztJQUNGLGVBQWUsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQzFDLE9BQU8sZUFBZSxDQUFDO0FBQ3pCLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUU3QyxNQUFNLGlCQUFpQixHQUFHLFlBQVksQ0FBQyxlQUFlLEVBQUU7SUFDdEQsZUFBZSxFQUFFLElBQUk7Q0FDdEIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLGlCQUU1QixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQWlELE1BQU0sSUFBSSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUvRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHeEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFvRHBDLE1BQU0sbUJBQW1CLEdBQWEsR0FBRyxFQUFFLENBQUMsb0JBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsR0FBSSxDQUFDO0FBRTlGLE1BQU0sWUFBWSxHQUFHLENBQUMsV0FBbUIsRUFBRSxPQUFzQixFQUFFLEVBQUUsRUFBRTtJQUNyRSxNQUFNLGVBQWUsR0FBMEIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUN2RCxNQUFNLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxHQUFHLFNBQVMsRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDM0csTUFBTSxNQUFNLEdBQXFCLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsVUFBVSxJQUFJLFVBQVUsQ0FBQztRQUNoRyxNQUFNLGFBQWEsR0FBRyxTQUFTLEtBQUssU0FBUyxDQUFDO1FBRTlDLE9BQU8sQ0FDTCxvQkFBQyxVQUFVLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsT0FBTztZQUMxQyxvQkFBQyxVQUFVLENBQUMsZ0JBQWdCLElBQUMsTUFBTSxFQUFFLE1BQU07Z0JBQ3pDLG9CQUFDLFVBQVUsQ0FBQyxLQUFLLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQzNGLEtBQUssQ0FDVztnQkFDbkIsb0JBQUMsVUFBVSxDQUFDLFdBQVcsSUFBQyxRQUFRLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksSUFDM0QsUUFBUSxJQUFJLFdBQVcsQ0FDRDtnQkFDeEIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsVUFBVSxDQUFDLE9BQU8sSUFBQyxNQUFNLEVBQUUsTUFBTTtvQkFDaEMsb0JBQUMsV0FBVyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDeEMsTUFBTSxDQUFDLElBQUksQ0FDQSxDQUNLLENBQ3RCLENBQzJCO1lBQzdCLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxVQUFVLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxTQUFTLENBQUMsSUFBSSxLQUFLLENBQUMsS0FBSyxLQUFLLFNBQVMsSUFBSSxDQUMzRixvQkFBQyxVQUFVLENBQUMsY0FBYyxRQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNiLDZCQUNFLEdBQUcsRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNoQixHQUFHLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDbkIsU0FBUyxFQUFFLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSxFQUFFLFFBQVEsRUFBRSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsQ0FBQyxFQUN2RSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxHQUM3RCxDQUNILENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsbUJBQW1CLE9BQUcsQ0FDeEIsQ0FDeUIsQ0FDN0I7WUFDQSxhQUFhLElBQUksQ0FDaEIsb0JBQUMsVUFBVSxDQUFDLGdCQUFnQixJQUFDLE1BQU0sRUFBRSxNQUFNO2dCQUN6QyxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFDLFFBQVEsRUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUNuRCxDQUMvQixDQUNVLENBQ2QsQ0FBQztJQUNKLENBQUMsQ0FBQztJQUNGLGVBQWUsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQzFDLE9BQU8sZUFBZSxDQUFDO0FBQ3pCLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUU3QyxNQUFNLGlCQUFpQixHQUFHLFlBQVksQ0FBQyxlQUFlLEVBQUU7SUFDdEQsZUFBZSxFQUFFLElBQUk7Q0FDdEIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLGlCQUU1QixDQUFDIn0=

package/dist/src/components/Card/Card.d.ts

@@ -1,49 +1,7 @@
 import React from 'react';
-import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
-import { type ColorName } from '../../../types/designTokens';
 import { type Either } from '../../../types/utils';
-declare type ClickableCard = {
-    /**
-     * Optional onClick callback for entire card
-     */
-    onClick?: () => void;
-    /**
-     * Optional disabled state. Indicates whether the onClick is disabled or not.
-     */
-    disabled?: boolean;
-};
-declare type ActionableCard = {
-    /**
-     * Optional secondary action.
-     */
-    action?: AsyncActionType;
-    /**
-     * Optional link action
-     */
-    link?: LinkActionType;
-};
-declare type ImageCard = {
-    /**
-     * Optional image src that will be displayed before card title.
-     * If the value is "null", it will show as skeleton.
-     */
-    image?: string | null;
-    /**
-     * Optional `alt` attribute to image.
-     */
-    imageAlt?: string;
-};
-declare type IconCard = {
-    /**
-     * Optional icon src of icons that will be displayed before card title.
-     * Image size will be set to 32px x 32px and stacked if multiple are provided.
-     */
-    icons?: Array<string | null>;
-    /**
-     * Optional top border color that should reflect the color of icons.
-     */
-    color?: ColorName;
-};
+import { CompactCard } from './Compact';
+import { type ActionableCard, type ClickableCard, type IconCard, type ImageCard } from './types';
 export declare type CardProps = {
     /** Short and concise card title. */
     title: string;
@@ -60,6 +18,11 @@ export declare type CardProps = {
      */
     fullWidth?: boolean;
 } & Either<ClickableCard, ActionableCard> & Either<ImageCard, IconCard>;
+declare type ComposedCardProps = {
+    Skeleton: typeof CardSkeleton;
+    Compact: typeof CompactCard;
+};
+export declare const Card: React.FC<CardProps> & ComposedCardProps;
 declare type CardSkeletonProps = {
     chips?: boolean;
     actions?: boolean;
@@ -69,7 +32,5 @@ declare type CardSkeletonProps = {
 }, {
     image?: boolean;
 }>;
-export declare const Card: React.FC<CardProps> & {
-    Skeleton: React.FC<CardSkeletonProps>;
-};
+declare const CardSkeleton: React.FC<CardSkeletonProps>;
 export {};

package/dist/src/components/Card/Card.js

@@ -1,48 +1,36 @@
 import React from 'react';
 import omit from 'lodash/omit';
 import { AvatarStack } from '../../../src/components/Avatar/Avatar';
-import { Box } from '../../../src/components/Box/Box';
 import { ExternalLinkButton, SecondaryButton } from '../../../src/components/Button/Button';
 import { Chip, ChipContainer } from '../../../src/components/Chip/Chip';
 import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
 import { Typography } from '../../../src/components/Typography/Typography';
-import { classNames, tw } from '../../../src/utils/tailwind';
-export const Card = ({ title, description, chips = [], icons = [], image, imageAlt, color, action, link, onClick, disabled, fullWidth, children, }) => (React.createElement(CardContainer, { onClick: onClick, color: color, disabled: disabled, fullWidth: fullWidth },
+import { Card as CardBase } from '../../../src/common/Card/Card';
+import { CompactCard } from './Compact';
+export const Card = ({ title, description, chips = [], icons = [], image, imageAlt, color, action, link, onClick, disabled, fullWidth, children, }) => (React.createElement(CardBase, { onClick: disabled ? undefined : onClick, disabled: disabled, fullWidth: fullWidth, clickable: Boolean(onClick), tabIndex: onClick ? 0 : -1 },
+    color && React.createElement(CardBase.ColorHiglight, { color: color }),
     chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
     icons.length > 0 && React.createElement(AvatarStack, { images: icons }),
     image !== undefined && React.createElement(CardImage, { image: image, imageAlt: imageAlt, fullSize: chips.length === 0 }),
-    React.createElement(CardContent, null,
-        React.createElement(CardTitle, null, title),
-        React.createElement(CardBody, null, children || description)),
-    (action || link) && (React.createElement(CardActions, null,
+    React.createElement(CardBase.Content, null,
+        React.createElement(Typography.DefaultStrong, { color: "black" }, title),
+        React.createElement(Typography.Caption, { color: "grey-70" }, children || description)),
+    (action || link) && (React.createElement(CardBase.Actions, null,
         action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
         link && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
-const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = true, fullWidth = false, }) => (React.createElement(CardContainer, { fullWidth: fullWidth },
+const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = true, fullWidth = false, }) => (React.createElement(CardBase, { fullWidth: fullWidth },
     chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
     icons && React.createElement(AvatarStack, { images: [null] }),
     image && React.createElement(CardImage, { image: null, fullSize: !chips }),
-    React.createElement(CardContent, null,
+    React.createElement(CardBase.Content, null,
         React.createElement(Skeleton, { width: 145, height: 25 }),
         React.createElement(Skeleton, { width: 145, height: 16 })),
-    actions && (React.createElement(CardActions, null,
+    actions && (React.createElement(CardBase.Actions, null,
         React.createElement(Skeleton, { width: 115, height: 25 }),
         React.createElement(Skeleton, { width: 60, height: 25 })))));
 Card.Skeleton = CardSkeleton;
-const CardContainer = ({ children, onClick, color, disabled, fullWidth = false, }) => (React.createElement(Box, { borderWidth: 1, borderRadius: 2, className: classNames(tw('border-grey-5', {
-        'w-[280px]': !fullWidth,
-        'w-full min-w-[280px]': fullWidth,
-        'active:bg-grey-5 cursor-pointer hover:border-grey-50 focus:border-info-70': Boolean(onClick && !disabled),
-        'bg-grey-0 cursor-not-allowed focus:border-transparent': Boolean(disabled),
-    })), onClick: disabled ? undefined : onClick, tabIndex: onClick ? 0 : -1, disabled: disabled },
-    color && React.createElement(Box, { backgroundColor: color, height: "1", width: "full" }),
-    React.createElement(Box, { padding: "5", display: "flex", flexDirection: "column", gap: "5" }, children)));
-const CardImage = ({ image, imageAlt, fullSize }) => (React.createElement(Box, { marginX: "-4", marginTop: fullSize ? '-4' : undefined }, image ? (React.createElement("img", { src: image, alt: imageAlt, className: tw('w-full bg-cover object-cover h-[174px]', {
-        'h-[225px]': fullSize,
-    }) })) : (React.createElement(CardImage.Skeleton, { fullSize: fullSize }))));
-const CardImageSkeleton = ({ fullSize }) => (React.createElement(Skeleton, { height: fullSize ? 225 : 174, className: tw('w-full') }));
+Card.Compact = CompactCard;
+const CardImage = ({ image, imageAlt, fullSize }) => (React.createElement(CardBase.ImageContainer, { fullSize: fullSize }, image ? (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, fullSize: fullSize })) : (React.createElement(CardImage.Skeleton, { fullSize: fullSize }))));
+const CardImageSkeleton = ({ fullSize }) => (React.createElement(Skeleton, { height: fullSize ? 225 : 174, width: "100%" }));
 CardImage.Skeleton = CardImageSkeleton;
-const CardContent = ({ children }) => (React.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, children));
-const CardBody = ({ children }) => (React.createElement(Typography, { variant: "caption", color: "grey-70" }, children));
-const CardTitle = ({ children }) => React.createElement(Typography, { variant: "default-strong" }, children);
-const CardActions = ({ children }) => (React.createElement(Box, { paddingTop: "3", display: "flex", gap: "3", alignItems: "center" }, children));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0QsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNuRixPQUFPLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFbEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQWdGcEQsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFvRSxDQUFDLEVBQ3BGLEtBQUssRUFDTCxXQUFXLEVBQ1gsS0FBSyxHQUFHLEVBQUUsRUFDVixLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssRUFDTCxRQUFRLEVBQ1IsS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRSxDQUFDLENBQ0osb0JBQUMsYUFBYSxJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTO0lBQ3BGLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ25CLG9CQUFDLGFBQWEsSUFBQyxLQUFLLFVBQ2pCLEtBQUssQ0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ25GLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBSXhELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUM7QUE2QnhDLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBNEMsQ0FBQyxFQUM1RCxLQUFLLEVBQ0wsV0FBVyxFQUNYLEtBQUssR0FBRyxFQUFFLEVBQ1YsS0FBSyxHQUFHLEVBQUUsRUFDVixLQUFLLEVBQ0wsUUFBUSxFQUNSLEtBQUssRUFDTCxNQUFNLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsR0FDVCxFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLFFBQVEsSUFDUCxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFDdkMsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFNBQVMsRUFDcEIsU0FBUyxFQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFDM0IsUUFBUSxFQUFFLE9BQU8s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

package/dist/src/components/Card/Compact.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { type ColorName } from '../../../types/designTokens';
+import { type Either } from '../../../types/utils';
+import { type ActionableCard, type ClickableCard } from './types';
+export declare type CardProps = {
+    /** Short and concise card title. */
+    title: string;
+    /**
+     * Optional list of tags, which will be rendered as chips underneath the page title.
+     */
+    chips?: string[];
+    /**
+     * Optional icon src of icons that will be displayed before card title.
+     * Image size will be set to 32px x 32px and stacked if multiple are provided.
+     */
+    icon?: string | null;
+    /**
+     * Optional top border color that should reflect the color of icons.
+     */
+    color?: ColorName;
+    /**
+     * Optional full-width for a card.
+     */
+    fullWidth?: boolean;
+} & Either<ClickableCard, ActionableCard>;
+export declare const CompactCard: React.FC<CardProps> & {
+    Skeleton: typeof CompactSkeleton;
+};
+declare type CompactSkeletonProps = {
+    chips?: boolean;
+    actions?: boolean;
+    fullWidth?: boolean;
+    icon?: boolean;
+};
+declare const CompactSkeleton: React.FC<CompactSkeletonProps>;
+export {};

package/dist/src/components/Card/Compact.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { omit } from 'lodash';
+import { Typography } from '../../../src/components/Typography/Typography';
+import { Card as CardBase } from '../../../src/common/Card/Card';
+import { Avatar } from '../Avatar/Avatar';
+import { Box } from '../Box/Box';
+import { ExternalLinkButton, SecondaryButton } from '../Button/Button';
+import { Chip, ChipContainer } from '../Chip/Chip';
+import { Skeleton } from '../Skeleton/Skeleton';
+export const CompactCard = ({ title, chips = [], icon, color, action, link, onClick, disabled, fullWidth, children, }) => (React.createElement(CardBase, { onClick: disabled ? undefined : onClick, disabled: disabled, fullWidth: fullWidth, clickable: Boolean(onClick), tabIndex: onClick ? 0 : -1 },
+    color && React.createElement(CardBase.ColorHiglight, { color: color }),
+    chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
+    React.createElement(Box, { display: "flex", gap: "5" },
+        icon && React.createElement(Avatar, { image: icon }),
+        React.createElement(CardBase.Content, { dense: true },
+            React.createElement(Typography.SmallStrong, { color: "black" }, title),
+            React.createElement(Typography.Caption, { color: "grey-70" }, children))),
+    (action || link) && (React.createElement(CardBase.Actions, { dense: true },
+        action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
+        link && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
+const CompactSkeleton = ({ chips = true, icon = true, actions = true, fullWidth = false, }) => (React.createElement(CardBase, { fullWidth: fullWidth },
+    chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
+    React.createElement(Box, { display: "flex", gap: "5" },
+        icon && React.createElement(Avatar.Skeleton, null),
+        React.createElement(CardBase.Content, { dense: true },
+            React.createElement(Skeleton, { width: 80, height: 20 }),
+            React.createElement(Box, { height: "1" }),
+            React.createElement(Skeleton, { width: 145, height: 16 }))),
+    actions && (React.createElement(CardBase.Actions, { dense: true },
+        React.createElement(Skeleton, { width: 115, height: 25 }),
+        React.createElement(Skeleton, { width: 60, height: 25 })))));
+CompactCard.Skeleton = CompactSkeleton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ29tcGFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFFOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFLeEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQTZCaEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUErRCxDQUFDLEVBQ3RGLEtBQUssRUFDTCxLQUFLLEdBQUcsRUFBRSxFQUNWLElBQUksRUFDSixLQUFLLEVBQ0wsTUFBTSxFQUNOLElBQUksRUFDSixPQUFPLEVBQ1AsUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEdBQ1QsRUFBRSxFQUFFLENBQUMsQ0FDSixvQkFBQyxRQUFRLElBQ1AsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQ3ZDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFNBQVMsRUFBRSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQzNCLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxD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

package/dist/src/components/Card/types.d.ts

@@ -0,0 +1,44 @@
+import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
+import { type ColorName } from '../../../types/designTokens';
+export declare type ClickableCard = {
+    /**
+     * Optional onClick callback for entire card
+     */
+    onClick?: () => void;
+    /**
+     * Optional disabled state. Indicates whether the onClick is disabled or not.
+     */
+    disabled?: boolean;
+};
+export declare type ActionableCard = {
+    /**
+     * Optional secondary action.
+     */
+    action?: AsyncActionType;
+    /**
+     * Optional link action
+     */
+    link?: LinkActionType;
+};
+export declare type ImageCard = {
+    /**
+     * Optional image src that will be displayed before card title.
+     * If the value is "null", it will show as skeleton.
+     */
+    image?: string | null;
+    /**
+     * Optional `alt` attribute to image.
+     */
+    imageAlt?: string;
+};
+export declare type IconCard = {
+    /**
+     * Optional icon src of icons that will be displayed before card title.
+     * Image size will be set to 32px x 32px and stacked if multiple are provided.
+     */
+    icons?: Array<string | null>;
+    /**
+     * Optional top border color that should reflect the color of icons.
+     */
+    color?: ColorName;
+};

package/dist/src/components/Card/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DYXJkL3R5cGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=