@ceed/cds 1.13.4 → 1.14.0-next.2

package/dist/components/surfaces/llms.txt

@@ -0,0 +1,12 @@
+# surfaces
+
+## Documentation
+
+- [Accordions](./Accordions.md)
+- [Card](./Card.md)
+- [Divider](./Divider.md)
+- [Sheet](./Sheet.md)
+
+## Parent
+
+- [Parent](../llms.txt)

package/dist/index.cjs

@@ -747,11 +747,7 @@ var Menu = (props) => {
   return /* @__PURE__ */ import_react8.default.createElement(MotionMenu, { ...props });
 };
 Menu.displayName = "Menu";
-var MotionMenuItem = (0, import_framer_motion10.motion)(import_joy13.MenuItem);
-var MenuItem = (props) => {
-  return /* @__PURE__ */ import_react8.default.createElement(MotionMenuItem, { ...props });
-};
-MenuItem.displayName = "MenuItem";
+var MenuItem = import_joy13.MenuItem;
 
 // src/components/Menu/index.ts
 var Menu_default = Menu;
@@ -5429,11 +5425,15 @@ function Stepper(props) {
     inactiveColor = "neutral.400",
     activeLineColor = "primary.500",
     inactiveLineColor = "neutral.300",
-    activeStep
+    activeStep,
+    orientation = "horizontal",
+    stepOrientation = "horizontal"
   } = props;
+  const effectiveStepOrientation = orientation === "vertical" ? "horizontal" : stepOrientation;
   return /* @__PURE__ */ import_react44.default.createElement(
     MotionStepper,
     {
+      orientation,
       sx: (theme) => ({
         "--StepIndicator-size": "24px",
         "--Step-gap": theme.spacing(2),
@@ -5455,7 +5455,11 @@ function Stepper(props) {
         [`& .${import_joy55.stepClasses.disabled}`]: {
           "&::after": { bgcolor: inactiveLineColor },
           [`& .${import_joy55.stepIndicatorClasses.root}`]: {
-            bgcolor: inactiveColor
+            bgcolor: theme.vars.palette.background.surface,
+            borderColor: theme.vars.palette.neutral.outlinedBorder,
+            borderWidth: "1px",
+            borderStyle: "solid",
+            color: theme.vars.palette.neutral.plainColor
           }
         }
       })
@@ -5469,12 +5473,20 @@ function Stepper(props) {
         Step,
         {
           key: `step-${i}`,
-          indicator: /* @__PURE__ */ import_react44.default.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ import_react44.default.createElement(import_Check.default, null) : step.indicatorContent),
+          indicator: /* @__PURE__ */ import_react44.default.createElement(StepIndicator, { variant: disabled ? "outlined" : "solid", color: disabled ? "neutral" : "primary" }, completed ? /* @__PURE__ */ import_react44.default.createElement(import_Check.default, null) : step.indicatorContent),
           active,
           completed,
-          disabled
+          disabled,
+          orientation: effectiveStepOrientation
         },
-        hasContent && /* @__PURE__ */ import_react44.default.createElement(Stack_default, null, step.label && /* @__PURE__ */ import_react44.default.createElement(Typography_default, { level: "title-sm" }, step.label), step.extraContent && /* @__PURE__ */ import_react44.default.createElement(Typography_default, { level: "body-xs" }, step.extraContent))
+        hasContent && /* @__PURE__ */ import_react44.default.createElement(
+          Stack_default,
+          {
+            sx: orientation === "horizontal" && effectiveStepOrientation === "vertical" ? { alignItems: "center" } : {}
+          },
+          step.label && /* @__PURE__ */ import_react44.default.createElement(Typography_default, { level: "title-sm" }, step.label),
+          step.extraContent && /* @__PURE__ */ import_react44.default.createElement(Typography_default, { level: "body-xs" }, step.extraContent)
+        )
       );
     })
   );

package/dist/index.js

@@ -663,11 +663,7 @@ var Menu = (props) => {
   return /* @__PURE__ */ React7.createElement(MotionMenu, { ...props });
 };
 Menu.displayName = "Menu";
-var MotionMenuItem = motion10(JoyMenuItem);
-var MenuItem = (props) => {
-  return /* @__PURE__ */ React7.createElement(MotionMenuItem, { ...props });
-};
-MenuItem.displayName = "MenuItem";
+var MenuItem = JoyMenuItem;
 
 // src/components/Menu/index.ts
 var Menu_default = Menu;
@@ -5394,11 +5390,15 @@ function Stepper(props) {
     inactiveColor = "neutral.400",
     activeLineColor = "primary.500",
     inactiveLineColor = "neutral.300",
-    activeStep
+    activeStep,
+    orientation = "horizontal",
+    stepOrientation = "horizontal"
   } = props;
+  const effectiveStepOrientation = orientation === "vertical" ? "horizontal" : stepOrientation;
   return /* @__PURE__ */ React41.createElement(
     MotionStepper,
     {
+      orientation,
       sx: (theme) => ({
         "--StepIndicator-size": "24px",
         "--Step-gap": theme.spacing(2),
@@ -5420,7 +5420,11 @@ function Stepper(props) {
         [`& .${stepClasses.disabled}`]: {
           "&::after": { bgcolor: inactiveLineColor },
           [`& .${stepIndicatorClasses.root}`]: {
-            bgcolor: inactiveColor
+            bgcolor: theme.vars.palette.background.surface,
+            borderColor: theme.vars.palette.neutral.outlinedBorder,
+            borderWidth: "1px",
+            borderStyle: "solid",
+            color: theme.vars.palette.neutral.plainColor
           }
         }
       })
@@ -5434,12 +5438,20 @@ function Stepper(props) {
         Step,
         {
           key: `step-${i}`,
-          indicator: /* @__PURE__ */ React41.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ React41.createElement(CheckIcon, null) : step.indicatorContent),
+          indicator: /* @__PURE__ */ React41.createElement(StepIndicator, { variant: disabled ? "outlined" : "solid", color: disabled ? "neutral" : "primary" }, completed ? /* @__PURE__ */ React41.createElement(CheckIcon, null) : step.indicatorContent),
           active,
           completed,
-          disabled
+          disabled,
+          orientation: effectiveStepOrientation
         },
-        hasContent && /* @__PURE__ */ React41.createElement(Stack_default, null, step.label && /* @__PURE__ */ React41.createElement(Typography_default, { level: "title-sm" }, step.label), step.extraContent && /* @__PURE__ */ React41.createElement(Typography_default, { level: "body-xs" }, step.extraContent))
+        hasContent && /* @__PURE__ */ React41.createElement(
+          Stack_default,
+          {
+            sx: orientation === "horizontal" && effectiveStepOrientation === "vertical" ? { alignItems: "center" } : {}
+          },
+          step.label && /* @__PURE__ */ React41.createElement(Typography_default, { level: "title-sm" }, step.label),
+          step.extraContent && /* @__PURE__ */ React41.createElement(Typography_default, { level: "body-xs" }, step.extraContent)
+        )
       );
     })
   );

package/dist/llms.txt

@@ -0,0 +1,73 @@
+# @ceed/cds Component Guide
+
+## Table of Contents
+
+- [CDS (Customer Design System)](./Overview.md)
+- [components](./components/llms.txt)
+- [data-display](./components/data-display/llms.txt)
+- [Avatar](./components/data-display/Avatar.md)
+- [Badge](./components/data-display/Badge.md)
+- [Chip](./components/data-display/Chip.md)
+- [DataTable](./components/data-display/DataTable.md)
+- [InfoSign](./components/data-display/InfoSign.md)
+- [Markdown](./components/data-display/Markdown.md)
+- [Table](./components/data-display/Table.md)
+- [Tooltip](./components/data-display/Tooltip.md)
+- [Typography](./components/data-display/Typography.md)
+- [feedback](./components/feedback/llms.txt)
+- [Alert](./components/feedback/Alert.md)
+- [Dialog](./components/feedback/Dialog.md)
+- [Modal](./components/feedback/Modal.md)
+- [inputs](./components/inputs/llms.txt)
+- [Autocomplete](./components/inputs/Autocomplete.md)
+- [Button](./components/inputs/Button.md)
+- [ButtonGroup](./components/inputs/ButtonGroup.md)
+- [Calendar](./components/inputs/Calendar.md)
+- [Checkbox](./components/inputs/Checkbox.md)
+- [CurrencyInput](./components/inputs/CurrencyInput.md)
+- [DatePicker](./components/inputs/DatePicker.md)
+- [DateRangePicker](./components/inputs/DateRangePicker.md)
+- [IconButton](./components/inputs/IconButton.md)
+- [Input](./components/inputs/Input.md)
+- [MonthPicker](./components/inputs/MonthPicker.md)
+- [MonthRangePicker](./components/inputs/MonthRangePicker.md)
+- [PercentageInput](./components/inputs/PercentageInput.md)
+- [Radio](./components/inputs/RadioButton.md)
+- [Select](./components/inputs/Select.md)
+- [Switch](./components/inputs/Switch.md)
+- [Textarea](./components/inputs/Textarea.md)
+- [Uploader](./components/inputs/Uploader/llms.txt)
+- [Uploader](./components/inputs/Uploader/Uploader.md)
+- [layout](./components/layout/llms.txt)
+- [Box](./components/layout/Box.md)
+- [Container](./components/layout/Container.md)
+- [Grid](./components/layout/Grid.md)
+- [Stack](./components/layout/Stack.md)
+- [navigation](./components/navigation/llms.txt)
+- [Breadcrumbs](./components/navigation/Breadcrumbs.md)
+- [Drawer](./components/navigation/Drawer.md)
+- [Dropdown](./components/navigation/Dropdown.md)
+- [IconMenuButton](./components/navigation/IconMenuButton.md)
+- [InsetDrawer](./components/navigation/InsetDrawer.md)
+- [Link](./components/navigation/Link.md)
+- [Menu](./components/navigation/Menu.md)
+- [MenuButton](./components/navigation/MenuButton.md)
+- [NavigationGroup](./components/navigation/NavigationGroup.md)
+- [NavigationItem](./components/navigation/NavigationItem.md)
+- [Navigator](./components/navigation/Navigator.md)
+- [Pagination](./components/navigation/Pagination.md)
+- [Stepper](./components/navigation/Stepper.md)
+- [Tabs](./components/navigation/Tabs.md)
+- [surfaces](./components/surfaces/llms.txt)
+- [Accordions](./components/surfaces/Accordions.md)
+- [Card](./components/surfaces/Card.md)
+- [Divider](./components/surfaces/Divider.md)
+- [Sheet](./components/surfaces/Sheet.md)
+
+## Documentation
+
+- [CDS (Customer Design System)](./Overview.md)
+
+## Children
+
+- [components](./components/llms.txt)