mautourco-components 0.2.15 → 0.2.17

package/dist/components/atoms/Icon/icons/BusIcon.js

@@ -31,6 +31,6 @@ var BusIcon = function (_a) {
     var sizeClasses = getSizeClasses();
     var colorClass = color ? "text-".concat(color) : 'text-current';
     var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
-    return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ "clip-path": "url(#clip0_7033_40084)" }, { children: _jsx("path", { d: "M12.5821 8.08301H3.41512V11.333C3.41512 11.6552 3.67694 11.917 3.99911 11.917H11.9991C12.3211 11.9168 12.5821 11.6551 12.5821 11.333V8.08301ZM5.33895 9.25L5.41512 9.25391C5.79348 9.29216 6.08895 9.61156 6.08895 10C6.08895 10.3884 5.79348 10.7078 5.41512 10.7461L5.33895 10.75H5.33211C4.9179 10.75 4.58211 10.4142 4.58211 10C4.58211 9.58579 4.9179 9.25 5.33211 9.25H5.33895ZM10.672 9.25C11.0862 9.25 11.422 9.58579 11.422 10C11.422 10.4142 11.0862 10.75 10.672 10.75H10.6651C10.2511 10.7498 9.91512 10.4141 9.91512 10C9.91512 9.5859 10.2511 9.25018 10.6651 9.25H10.672ZM3.99911 2.75C3.67705 2.75 3.4153 3.01099 3.41512 3.33301V6.58301H12.5821V3.33301C12.5819 3.0111 12.321 2.75018 11.9991 2.75H3.99911ZM9.33211 3.25C9.74633 3.25 10.0821 3.58579 10.0821 4C10.0821 4.41421 9.74633 4.75 9.33211 4.75H6.66512C6.25106 4.74982 5.91512 4.41411 5.91512 4C5.91512 3.58589 6.25106 3.25018 6.66512 3.25H9.33211ZM14.0821 11.333C14.0821 12.2187 13.5284 12.973 12.7491 13.2744V14C12.7491 14.4141 12.4132 14.7498 11.9991 14.75C11.5849 14.75 11.2491 14.4142 11.2491 14V13.417H4.74911V14C4.74911 14.4141 4.41317 14.7498 3.99911 14.75C3.58489 14.75 3.24911 14.4142 3.24911 14V13.2754C2.46934 12.9742 1.91512 12.219 1.91512 11.333V5.21387L1.66708 5.33789C1.29669 5.52273 0.846371 5.37226 0.661216 5.00195C0.476074 4.63149 0.626713 4.18131 0.997153 3.99609L1.91512 3.53613V3.33301C1.9153 2.18256 2.84862 1.25 3.99911 1.25H11.9991C13.1494 1.25018 14.0819 2.18267 14.0821 3.33301V3.53613L15.0011 3.99609C15.3714 4.18142 15.5212 4.63156 15.336 5.00195C15.1508 5.37235 14.7006 5.52293 14.3302 5.33789L14.0821 5.21289V11.333Z", fill: "#303642" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7033_40084" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+    return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ "clip-path": "url(#clip0_7033_40084)" }, { children: _jsx("path", { d: "M12.5821 8.08301H3.41512V11.333C3.41512 11.6552 3.67694 11.917 3.99911 11.917H11.9991C12.3211 11.9168 12.5821 11.6551 12.5821 11.333V8.08301ZM5.33895 9.25L5.41512 9.25391C5.79348 9.29216 6.08895 9.61156 6.08895 10C6.08895 10.3884 5.79348 10.7078 5.41512 10.7461L5.33895 10.75H5.33211C4.9179 10.75 4.58211 10.4142 4.58211 10C4.58211 9.58579 4.9179 9.25 5.33211 9.25H5.33895ZM10.672 9.25C11.0862 9.25 11.422 9.58579 11.422 10C11.422 10.4142 11.0862 10.75 10.672 10.75H10.6651C10.2511 10.7498 9.91512 10.4141 9.91512 10C9.91512 9.5859 10.2511 9.25018 10.6651 9.25H10.672ZM3.99911 2.75C3.67705 2.75 3.4153 3.01099 3.41512 3.33301V6.58301H12.5821V3.33301C12.5819 3.0111 12.321 2.75018 11.9991 2.75H3.99911ZM9.33211 3.25C9.74633 3.25 10.0821 3.58579 10.0821 4C10.0821 4.41421 9.74633 4.75 9.33211 4.75H6.66512C6.25106 4.74982 5.91512 4.41411 5.91512 4C5.91512 3.58589 6.25106 3.25018 6.66512 3.25H9.33211ZM14.0821 11.333C14.0821 12.2187 13.5284 12.973 12.7491 13.2744V14C12.7491 14.4141 12.4132 14.7498 11.9991 14.75C11.5849 14.75 11.2491 14.4142 11.2491 14V13.417H4.74911V14C4.74911 14.4141 4.41317 14.7498 3.99911 14.75C3.58489 14.75 3.24911 14.4142 3.24911 14V13.2754C2.46934 12.9742 1.91512 12.219 1.91512 11.333V5.21387L1.66708 5.33789C1.29669 5.52273 0.846371 5.37226 0.661216 5.00195C0.476074 4.63149 0.626713 4.18131 0.997153 3.99609L1.91512 3.53613V3.33301C1.9153 2.18256 2.84862 1.25 3.99911 1.25H11.9991C13.1494 1.25018 14.0819 2.18267 14.0821 3.33301V3.53613L15.0011 3.99609C15.3714 4.18142 15.5212 4.63156 15.336 5.00195C15.1508 5.37235 14.7006 5.52293 14.3302 5.33789L14.0821 5.21289V11.333Z", fill: "currentColor" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7033_40084" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
 };
 export default BusIcon;

package/dist/components/atoms/Tab/Tab.css

@@ -2093,7 +2093,8 @@
   border: none;
   border-radius: calc(var(--tab-border-radius-default, 0) / 16);
   border-bottom-style: solid;
-  border-bottom-width: calc(var(--tab-border-width-default, 4rem) / 16);
+  /* border-bottom-width: calc(var(--tab-border-width-default, 4rem) / 16); */
+  border-bottom-width: 4px;
   border-bottom-color: var(--tab-color-normal-default-border, #e5e5e5);
   background-color: var(--tab-color-normal-default-background, #ffffff);
   color: var(--color-text-state-default, #737373);
@@ -2109,8 +2110,7 @@
 
 .tab:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 calc(2rem / 16)
-    var(--tab-color-normal-focused-border, #e5e5e5);
+  box-shadow: 0 0 0 calc(2rem / 16) var(--tab-color-normal-focused-border, #e5e5e5);
   background-color: var(--tab-color-normal-focused-background, #ffffff);
 }
 
@@ -2144,8 +2144,7 @@
 }
 
 .tab--active:focus-visible {
-  box-shadow: 0 0 0 calc(2rem / 16)
-    var(--tab-color-active-focused-border, #042c2f);
+  box-shadow: 0 0 0 calc(2rem / 16) var(--tab-color-active-focused-border, #042c2f);
   background-color: var(--tab-color-active-focused-background, #ffffff);
 }
 
@@ -2218,7 +2217,6 @@
   --tab-width: var(--tab-outline-sm-focus-width, 121rem);
   --tab-height: var(--tab-outline-sm-focus-height, 59rem);
   border-radius: calc(var(--border-radius-rounded-sm, 4rem) / 16);
-  border-top: calc(var(--border-border, 1rem) / 16)
-    solid var(--color-atoll-green-800, #0f7173);
+  border-top: calc(var(--border-border, 1rem) / 16) solid
+    var(--color-atoll-green-800, #0f7173);
 }
-

package/dist/components/atoms/Typography/Typography.d.ts

@@ -19,7 +19,7 @@ interface HeadingProps extends BaseProps {
     level?: HeadingLevel;
     as?: keyof React.JSX.IntrinsicElements;
 }
-interface TextProps extends BaseProps {
+export interface TextProps extends BaseProps {
     size?: BodySizeInput;
     as?: keyof React.JSX.IntrinsicElements;
 }

package/dist/components/atoms/Typography/Typography.js

@@ -52,8 +52,12 @@ var mapLeadingToToken = function (leading) {
 };
 var getBodyClass = function (size, leading) {
     var availableLeadings = tokenBodyLeadings[size];
-    var desiredLeading = leading ? mapLeadingToToken(leading) : mapLeadingToToken(defaultBodyLeading[size]);
-    var resolvedLeading = availableLeadings.includes(desiredLeading) ? desiredLeading : availableLeadings[0];
+    var desiredLeading = leading
+        ? mapLeadingToToken(leading)
+        : mapLeadingToToken(defaultBodyLeading[size]);
+    var resolvedLeading = availableLeadings.includes(desiredLeading)
+        ? desiredLeading
+        : availableLeadings[0];
     return {
         className: "body-".concat(size, "-").concat(resolvedLeading),
         lineHeightHandled: desiredLeading === resolvedLeading,
@@ -77,7 +81,12 @@ export var Heading = function (_a) {
     var Tag = as || "h".concat(level);
     var baseClass = (_b = headingTokenClass[level]) !== null && _b !== void 0 ? _b : headingTokenClass[2];
     var variantClass = buildVariantClass(baseClass, variant);
-    var classes = [baseClass, variantClass, leading ? leadingFallback[leading] : '', className]
+    var classes = [
+        baseClass,
+        variantClass,
+        leading ? leadingFallback[leading] : '',
+        className,
+    ]
         .filter(Boolean)
         .join(' ');
     var colorStyle = getColorStyle(color);
@@ -89,7 +98,12 @@ export var Text = function (_a) {
     var normalizedSize = bodySizeAlias[size];
     var _e = getBodyClass(normalizedSize, leading), baseClass = _e.className, lineHeightHandled = _e.lineHeightHandled;
     var variantClass = buildVariantClass(baseClass, variant);
-    var classes = [baseClass, variantClass, leading && !lineHeightHandled ? leadingFallback[leading] : '', className]
+    var classes = [
+        baseClass,
+        variantClass,
+        leading && !lineHeightHandled ? leadingFallback[leading] : '',
+        className,
+    ]
         .filter(Boolean)
         .join(' ');
     var colorStyle = getColorStyle(color);

package/dist/components/molecules/ActionDropdown/ActionDropdown.d.ts

@@ -3,12 +3,16 @@ import './ActionDropdown.css';
 export interface ActionDropdownItem {
     /** Label for the action dropdown item */
     label: string;
+    /** Disable the action dropdown item */
+    disabled?: boolean;
     /** Callback function to be called when the action dropdown item is clicked */
     onClick?: () => void;
 }
 export interface ActionDropdownProps {
     /** Data for the action dropdown */
     data: ActionDropdownItem[];
+    /** Trigger element */
+    children?: React.ReactNode;
 }
 /**
  * A dropdown component that displays a list of actions triggered by a more icon button. Uses a Popover for the dropdown menu.

package/dist/components/molecules/ActionDropdown/ActionDropdown.js

@@ -24,9 +24,9 @@ import './ActionDropdown.css';
  * @returns
  */
 export var ActionDropdown = function (_a) {
-    var data = _a.data;
+    var data = _a.data, children = _a.children;
     var _b = useState(false), open = _b[0], setOpen = _b[1];
-    return (_jsxs(Popover, __assign({ open: open, onOpenChange: setOpen }, { children: [_jsx(PopoverTrigger, { children: _jsx("button", __assign({ className: "action-dropdown-trigger" }, { children: _jsx(Icon, { name: "more-vertical" }) })) }), _jsx(PopoverContent, __assign({ className: "action-dropdown", align: "end" }, { children: data.map(function (item, index) { return (_jsx("button", __assign({ onClick: function () {
+    return (_jsxs(Popover, __assign({ open: open, onOpenChange: setOpen }, { children: [_jsx(PopoverTrigger, { children: children !== null && children !== void 0 ? children : (_jsx("button", __assign({ className: "action-dropdown-trigger" }, { children: _jsx(Icon, { name: "more-vertical" }) }))) }), _jsx(PopoverContent, __assign({ className: "action-dropdown", align: "end", side: "bottom", avoidCollisions: false }, { children: data.map(function (item, index) { return (_jsx("button", __assign({ onClick: function () {
                         var _a;
                         setOpen(false);
                         (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);