@luscii-healthtech/web-ui 27.3.1 → 27.4.0

package/dist/components/StyledUnorderedList/StyledUnorderedList.d.ts

@@ -0,0 +1,26 @@
+import React, { ComponentPropsWithoutRef, type FC } from "react";
+import { TextColor, TextStyle } from "../Text/Text";
+type Props = ComponentPropsWithoutRef<"ul"> & {
+    /**
+     * The styling variant of the text.
+     *
+     * @default "base"
+     */
+    variant?: TextStyle;
+    /**
+     * @default "base"
+     */
+    color?: TextColor;
+    /**
+     * The position of the list marker.
+     *
+     * @default "inside"
+     */
+    position?: "inside" | "outside";
+};
+type StaticComponents = {
+    Item: typeof Item;
+};
+export declare const StyledUnorderedList: FC<Props> & StaticComponents;
+declare const Item: React.FC<ComponentPropsWithoutRef<"li">>;
+export {};

package/dist/components/Text/Text.d.ts

@@ -7,7 +7,7 @@ import "./Text.css";
  * anything dynamic or try to string concat class names.
  * https://v1.tailwindcss.com/docs/controlling-file-size
  */
-declare const allowedTextStyles: {
+export declare const allowedTextStyles: {
     readonly sm: "ui-text-xs ui-font-medium";
     readonly "sm-strong": "ui-text-xs ui-font-semibold ui-antialiased";
     readonly base: "ui-text-sm";

package/dist/index.d.ts

@@ -97,3 +97,4 @@ export { StatusIndicator } from "./components/StatusIndicator/StatusIndicator";
 export { TimelineCard } from "./components/TimelineCard/TimelineCard";
 export { TimelineCardLayout } from "./components/TimelineCardLayout/TimelineCardLayout";
 export { LocaleProvider } from "./context/LocaleContext";
+export { StyledUnorderedList } from "./components/StyledUnorderedList/StyledUnorderedList";

package/dist/index.development.js

@@ -5346,7 +5346,7 @@ function ViewItem(_a) {
 const Padding$1 = (props) => {
   return React__namespace.default.createElement("div", { className: classNames__default.default("ui-p-4", props.className) }, props.children);
 };
-const Item = (props) => {
+const Item$1 = (props) => {
   const { _DO_NOT_USE_index } = props, rest = __rest(props, ["_DO_NOT_USE_index"]);
   return React__namespace.default.createElement(
     React__namespace.default.Fragment,
@@ -5387,7 +5387,7 @@ const UnorderedList = (props) => {
         return child !== null && child !== void 0 ? child : null;
       }
       const Component = child.type;
-      if (Component === Item) {
+      if (Component === Item$1) {
         return React__namespace.default.createElement(Component, Object.assign({}, child.props, { _DO_NOT_USE_index: index }));
       }
       return React__namespace.default.createElement(Component, Object.assign({}, child.props));
@@ -5403,7 +5403,7 @@ const Indent = ({ children }) => {
     return React__namespace.default.createElement(Component, Object.assign({}, child.props, { className: classNames__default.default(child.props.className, "ui-pl-4") }));
   }));
 };
-UnorderedList.Item = Item;
+UnorderedList.Item = Item$1;
 UnorderedList.Padding = Padding$1;
 UnorderedList.Indent = Indent;
 
@@ -6079,6 +6079,19 @@ const TimelineCardLayout = (_a) => {
   );
 };
 
+const StyledUnorderedList = (_a) => {
+  var { children, className, color = "base", variant = "base", position = "inside" } = _a, rest = __rest(_a, ["children", "className", "color", "variant", "position"]);
+  const classes = classNames__default.default("ui-list-disc ui-list-inside", className, allowedColors[color], allowedTextStyles[variant], {
+    "ui-list-outside": position === "outside",
+    "ui-list-inside": position === "inside"
+  });
+  return React__namespace.default.createElement(Box, Object.assign({ as: "ul", className: classes }, rest), children);
+};
+const Item = (props) => {
+  return React__namespace.default.createElement(Box, Object.assign({ as: "li" }, props));
+};
+StyledUnorderedList.Item = Item;
+
 Object.defineProperty(exports, 'Toaster', {
     enumerable: true,
     get: function () { return sonner.Toaster; }
@@ -6247,6 +6260,7 @@ exports.StatusColoredIcon = StatusColoredIcon;
 exports.StatusIndicator = StatusIndicator;
 exports.Steps = Steps;
 exports.StyledInput = StyledInput;
+exports.StyledUnorderedList = StyledUnorderedList;
 exports.Switcher = Switcher;
 exports.TOASTER_TYPE_OPTIONS = TOASTER_TYPE_OPTIONS;
 exports.Tabbar = Tabbar;