@spscommerce/ds-react 5.16.1 → 5.18.1

package/lib/list-toolbar/SpsListToolbarSortBy.d.ts

@@ -0,0 +1,20 @@
+import type { SortDirection, SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+export interface SortOption {
+    label: string;
+    key: string;
+    direction: SortDirection;
+    icon: SpsIcon;
+}
+declare const propTypes: {
+    options: PropTypes.Requireable<SortOption[]>;
+    onSortChange: PropTypes.Requireable<(key: string, direction: SortDirection) => void>;
+    defaultOption: PropTypes.Requireable<SortOption>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsListToolbarSortByProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+export declare function SpsListToolbarSortBy(props: SpsListToolbarSortByProps): JSX.Element;
+export {};

package/lib/list-toolbar/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./SpsListToolbar";
 export * from "./SpsListToolbarSearch";
 export * from "./SpsListToolbarSearchInfo";
+export * from "./SpsListToolbarSortBy";
 export * from "./SpsListToolbar.examples";

package/lib/stepped-progress-bar/SpsSteppedProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { SpsIcon } from "@spscommerce/ds-shared";
+import type { SpsIcon } from "@spscommerce/ds-shared";
 import { SteppedProgressBarColor } from "@spscommerce/ds-shared";
 import * as PropTypes from "../prop-types";
 declare const propTypes: {
@@ -7,18 +7,15 @@ declare const propTypes: {
     completedStepsCount: PropTypes.Requireable<number>;
     disabled: PropTypes.Requireable<boolean>;
     showStepsCounter: PropTypes.Requireable<boolean>;
-    icons: PropTypes.Requireable<IconsProps[]>;
-    tooltipsData: PropTypes.Requireable<TooltipsProps[]>;
     color: PropTypes.Requireable<SteppedProgressBarColor>;
+    data: PropTypes.Requireable<SteppedProgressBarData[]>;
 };
-export interface IconsProps {
+export interface SteppedProgressBarData {
     index: number;
     icon: SpsIcon;
-}
-export interface TooltipsProps {
-    index: number;
     title: string;
     description: string;
+    skipped: boolean;
 }
 export declare type SpsSteppedProgressBarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
 export declare function SpsSteppedProgressBar(props: SpsSteppedProgressBarProps): JSX.Element;

package/lib/stepped-progress-bar/SpsSteppedProgressBar.examples.d.ts

@@ -11,6 +11,10 @@ export declare const SpsSteppedProgressBarExamples: {
                 description: () => JSX.Element;
                 react: string;
             };
+            skippedSteps: {
+                description: () => JSX.Element;
+                react: string;
+            };
             completed: {
                 description: () => JSX.Element;
                 react: string;

package/lib/zero-state/SpsMicroZeroState.d.ts

@@ -1,7 +1,8 @@
 import { SpsIcon } from "@spscommerce/ds-shared";
 import * as PropTypes from "../prop-types";
 declare const propTypes: {
-    icon: PropTypes.Validator<SpsIcon>;
+    illustration: PropTypes.Requireable<string>;
+    icon: PropTypes.Requireable<SpsIcon>;
     heading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
     subHeading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/zero-state/SpsZeroState.d.ts

@@ -1,6 +1,7 @@
 import * as PropTypes from "../prop-types";
 declare const propTypes: {
-    artwork: PropTypes.Validator<string>;
+    illustration: PropTypes.Requireable<string>;
+    artwork: PropTypes.Requireable<string>;
     heading: PropTypes.Validator<string>;
     subHeading: PropTypes.Requireable<string>;
     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "5.16.1",
+  "version": "5.18.1",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,10 +28,11 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.16.1",
-    "@spscommerce/ds-shared": "5.16.1",
-    "@spscommerce/positioning": "5.16.1",
-    "@spscommerce/utils": "5.16.1",
+    "@spscommerce/ds-colors": "5.18.1",
+    "@spscommerce/ds-illustrations": "5.18.1",
+    "@spscommerce/ds-shared": "5.18.1",
+    "@spscommerce/positioning": "5.18.1",
+    "@spscommerce/utils": "5.18.1",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
@@ -39,10 +40,11 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.16.1",
-    "@spscommerce/ds-shared": "5.16.1",
-    "@spscommerce/positioning": "5.16.1",
-    "@spscommerce/utils": "5.16.1",
+    "@spscommerce/ds-colors": "5.18.1",
+    "@spscommerce/ds-illustrations": "5.18.1",
+    "@spscommerce/ds-shared": "5.18.1",
+    "@spscommerce/positioning": "5.18.1",
+    "@spscommerce/utils": "5.18.1",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",
     "@types/react": "^16.9.0",