@synerise/ds-ordered-list 1.1.39 → 1.1.41

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.41](https://github.com/Synerise/synerise-design/compare/@synerise/ds-ordered-list@1.1.40...@synerise/ds-ordered-list@1.1.41) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-ordered-list
+
+## [1.1.40](https://github.com/Synerise/synerise-design/compare/@synerise/ds-ordered-list@1.1.39...@synerise/ds-ordered-list@1.1.40) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-ordered-list
+
 ## [1.1.39](https://github.com/Synerise/synerise-design/compare/@synerise/ds-ordered-list@1.1.38...@synerise/ds-ordered-list@1.1.39) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-ordered-list

package/dist/Elements/Item/Item.d.ts

@@ -1,5 +1,5 @@
-import React, { type ReactElement } from 'react';
-import { type OrderedListItem, type OrderedListProps } from '../../Ordered-list.types';
+import { default as React, ReactElement } from 'react';
+import { OrderedListItem, OrderedListProps } from '../../Ordered-list.types';
 declare const _default: React.MemoExoticComponent<({ label, suffixel, prefixel, subMenu, indexFormatter, index, listStyle, subMenuProps, text, NestedList, }: OrderedListItem & Pick<OrderedListProps, "indexFormatter"> & {
     NestedList?: (props: OrderedListProps) => ReactElement;
 }) => React.JSX.Element>;

package/dist/Elements/Item/Item.js

@@ -1,22 +1,29 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import * as S from './Item.styles';
-var Item = function Item(_ref) {
-  var label = _ref.label,
-    suffixel = _ref.suffixel,
-    prefixel = _ref.prefixel,
-    subMenu = _ref.subMenu,
-    indexFormatter = _ref.indexFormatter,
-    index = _ref.index,
-    listStyle = _ref.listStyle,
-    subMenuProps = _ref.subMenuProps,
-    text = _ref.text,
-    NestedList = _ref.NestedList;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ItemWrapper, null, /*#__PURE__*/React.createElement(S.IndexFormatterWrapper, null, indexFormatter ? indexFormatter(index) : index), prefixel, label, suffixel), !!subMenu && (subMenu == null ? void 0 : subMenu.length) > 0 && NestedList && /*#__PURE__*/React.createElement(NestedList, _extends({
-    text: text,
-    indexFormatter: indexFormatter,
-    data: subMenu,
-    listStyle: listStyle
-  }, subMenuProps)));
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React from "react";
+import { ItemWrapper, IndexFormatterWrapper } from "./Item.styles.js";
+const Item = ({
+  label,
+  suffixel,
+  prefixel,
+  subMenu,
+  indexFormatter,
+  index,
+  listStyle,
+  subMenuProps,
+  text,
+  NestedList
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(ItemWrapper, { children: [
+      /* @__PURE__ */ jsx(IndexFormatterWrapper, { children: indexFormatter ? indexFormatter(index) : index }),
+      prefixel,
+      label,
+      suffixel
+    ] }),
+    !!subMenu && subMenu?.length > 0 && NestedList && /* @__PURE__ */ jsx(NestedList, { text, indexFormatter, data: subMenu, listStyle, ...subMenuProps })
+  ] });
+};
+const Item$1 = React.memo(Item);
+export {
+  Item$1 as default
 };
-export default /*#__PURE__*/React.memo(Item);

package/dist/Elements/Item/Item.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const ItemWrapper: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const IndexFormatterWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ItemWrapper: import('styled-components').StyledComponent<"li", any, {}, never>;
+export declare const IndexFormatterWrapper: import('styled-components').StyledComponent<"span", any, {}, never>;

package/dist/Elements/Item/Item.styles.js

@@ -1,9 +1,13 @@
-import styled from 'styled-components';
-export var ItemWrapper = styled.li.withConfig({
+import styled from "styled-components";
+const ItemWrapper = /* @__PURE__ */ styled.li.withConfig({
   displayName: "Itemstyles__ItemWrapper",
   componentId: "sc-11469x5-0"
 })(["margin:5px 0 5px 0;display:list-item;justify-content:flex-start;align-items:center;"]);
-export var IndexFormatterWrapper = styled.span.withConfig({
+const IndexFormatterWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Itemstyles__IndexFormatterWrapper",
   componentId: "sc-11469x5-1"
-})([""]);
+})([""]);
+export {
+  IndexFormatterWrapper,
+  ItemWrapper
+};

package/dist/Ordered-list.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type OrderedListProps } from './Ordered-list.types';
+import { default as React } from 'react';
+import { OrderedListProps } from './Ordered-list.types';
 declare const OrderedList: ({ data, indexFormatter, listStyle, text, }: OrderedListProps) => React.JSX.Element;
 export default OrderedList;

package/dist/Ordered-list.js

@@ -1,31 +1,31 @@
-var _excluded = ["index"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { FormFieldLabel } from '@synerise/ds-form-field';
-import Item from './Elements/Item/Item';
-import * as S from './Ordered-list.styles';
-var _OrderedList = function OrderedList(_ref) {
-  var data = _ref.data,
-    indexFormatter = _ref.indexFormatter,
-    listStyle = _ref.listStyle,
-    text = _ref.text;
-  return /*#__PURE__*/React.createElement("div", null, text && /*#__PURE__*/React.createElement(S.ContentAbove, null, /*#__PURE__*/React.createElement(FormFieldLabel, {
-    label: text
-  })), /*#__PURE__*/React.createElement(S.OrderedList, {
-    listStyle: listStyle
-  }, data.map(function (_ref2, i) {
-    var index = _ref2.index,
-      item = _objectWithoutPropertiesLoose(_ref2, _excluded);
-    return /*#__PURE__*/React.createElement(Item, _extends({
-      listStyle: listStyle,
-      index: i,
-      key: String(item == null ? void 0 : item.id),
-      indexFormatter: indexFormatter
-    }, item, {
-      // pass the component to avoid circular dependencies
-      NestedList: _OrderedList
-    }));
-  })));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { FormFieldLabel } from "@synerise/ds-form-field";
+import Item from "./Elements/Item/Item.js";
+import { ContentAbove, OrderedList as OrderedList$1 } from "./Ordered-list.styles.js";
+const OrderedList = ({
+  data,
+  indexFormatter,
+  listStyle,
+  text
+}) => {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    text && /* @__PURE__ */ jsx(ContentAbove, { children: /* @__PURE__ */ jsx(FormFieldLabel, { label: text }) }),
+    /* @__PURE__ */ jsx(OrderedList$1, { listStyle, children: data.map(({
+      index,
+      ...item
+    }, i) => /* @__PURE__ */ jsx(
+      Item,
+      {
+        listStyle,
+        index: i,
+        indexFormatter,
+        ...item,
+        NestedList: OrderedList
+      },
+      String(item?.id)
+    )) })
+  ] });
+};
+export {
+  OrderedList as default
 };
-export default _OrderedList;

package/dist/Ordered-list.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const OrderedList: import("styled-components").StyledComponent<"ol", any, {
+export declare const OrderedList: import('styled-components').StyledComponent<"ol", any, {
     listStyle?: string;
 }, never>;
-export declare const ContentAbove: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAbove: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Ordered-list.styles.js

@@ -1,15 +1,13 @@
-import styled from 'styled-components';
-export var OrderedList = styled.ol.withConfig({
+import styled from "styled-components";
+const OrderedList = /* @__PURE__ */ styled.ol.withConfig({
   displayName: "Ordered-liststyles__OrderedList",
   componentId: "sc-smxtrj-0"
-})(["display:flex;flex-direction:column;padding:0;list-style-type:", ";list-style-position:inside;ol{margin-left:10px;padding:5px 0 5px 12px;list-style-type:", ";}li{margin-right:4px;list-style-type:", ";}"], function (props) {
-  return props.listStyle ? props.listStyle : 'none';
-}, function (props) {
-  return props.listStyle ? props.listStyle : 'none';
-}, function (props) {
-  return props.listStyle ? props.listStyle : 'none';
-});
-export var ContentAbove = styled.div.withConfig({
+})(["display:flex;flex-direction:column;padding:0;list-style-type:", ";list-style-position:inside;ol{margin-left:10px;padding:5px 0 5px 12px;list-style-type:", ";}li{margin-right:4px;list-style-type:", ";}"], (props) => props.listStyle ? props.listStyle : "none", (props) => props.listStyle ? props.listStyle : "none", (props) => props.listStyle ? props.listStyle : "none");
+const ContentAbove = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Ordered-liststyles__ContentAbove",
   componentId: "sc-smxtrj-1"
-})(["margin-bottom:8px;min-height:18px;"]);
+})(["margin-bottom:8px;min-height:18px;"]);
+export {
+  ContentAbove,
+  OrderedList
+};

package/dist/Ordered-list.types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type OrderedListItem = {
     id: string;
     label: ReactNode;

package/dist/Ordered-list.types.js

@@ -1 +1 @@
-export {};
+

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Ordered-list';
+import { default as default2 } from "./Ordered-list.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-ordered-list",
-  "version": "1.1.39",
+  "version": "1.1.41",
   "description": "OrderedList UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -9,10 +9,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -28,13 +28,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-form-field": "^1.3.9",
-    "@synerise/ds-icon": "^1.15.0"
+    "@synerise/ds-form-field": "^1.3.11",
+    "@synerise/ds-icon": "^1.15.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }

package/vite.config.ts

@@ -0,0 +1,6 @@
+import { lessCompilePlugin } from '../../../scripts/vite/less-plugin';
+import { createViteConfig } from '../../../vite.config.base';
+
+export default createViteConfig('@synerise/ds-ordered-list', {
+  plugins: [lessCompilePlugin()],
+});