@spscommerce/ds-react 4.36.4 → 5.0.0

package/lib/index.es.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import * as React from "react";
 import React__default, { useRef, useEffect, createContext, useMemo as useMemo$1, useContext, useReducer, useState, useCallback as useCallback$1, useLayoutEffect as useLayoutEffect$1 } from "react";
-import { noI18nI18n, ButtonKind, ButtonType, SpsIcon as SpsIcon$1, SpinnerSize, Position, ZStratum, SpsOptionListOption, DropdownKind, SPS_ACTION_DEFAULTS, ClickableTagKind, MultiSelectTagKind, TagKind, SpsIconSize, SelectMode, TooltipKind, TooltipShowTrigger, TOOLTIP_HIDE_DELAY_MS_DEFAULT, FeedbackBlockKind, FeedbackBlockIcons, GrowlerKind, GrowlerIcon, GROWLER_VISIBLE_DURATION_MS, GROWLER_FADEOUT_DURATION_MS, SpsInsightTileKind, SpsInsightTileIcons, KeyValueListTitleColor, SortDirection, ModalKind, ModalSize, DEFAULT_PAGE_SIZE_OPTIONS, StdButtonKind, SpsTaskStatus, TASK_QUEUE_NOTIFICATION_DURATION_MS, SpsTaskStatusIcons, SpsFilterTileKind, RingSize, WizardSubstepConditions } from "@spscommerce/ds-shared";
+import { noI18nI18n, ButtonKind, ButtonType, SpsIcon, SpinnerSize, Position, ZStratum, SpsOptionListOption, DropdownKind, SPS_ACTION_DEFAULTS, ClickableTagKind, TagKind, SpsIconSize, SelectMode, TooltipKind, TooltipShowTrigger, TOOLTIP_HIDE_DELAY_MS_DEFAULT, FeedbackBlockKind, FeedbackBlockIcons, GrowlerKind, GrowlerIcon, GROWLER_VISIBLE_DURATION_MS, GROWLER_FADEOUT_DURATION_MS, SpsInsightTileKind, SpsInsightTileIcons, KeyValueListTitleColor, SortDirection, ModalKind, ModalSize, DEFAULT_PAGE_SIZE_OPTIONS, StdButtonKind, SpsTaskStatus, TASK_QUEUE_NOTIFICATION_DURATION_MS, SpsTaskStatusIcons, SpsFilterTileKind, RingSize, WizardSubstepConditions } from "@spscommerce/ds-shared";
 import { values as values$3, code, debounce, flatten, deepFreeze, setPath, diff, DiffChange, getPath, crumblePath, traversePath, forEachNestedObject, lockToAnimationFrames, constrain } from "@spscommerce/utils";
 import * as ReactDOM from "react-dom";
 import { createPortal, unstable_batchedUpdates } from "react-dom";
@@ -166,7 +166,7 @@ const propsDoc$1G = {
 const propTypes$1K = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   disabled: propTypes$1L.exports.bool,
   href: propTypes$1L.exports.string,
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   kind: enumValue(ButtonKind),
   spinning: propTypes$1L.exports.bool,
   spinningTitle: propTypes$1L.exports.string,
@@ -278,8 +278,7 @@ const propsDoc$1F = __spreadProps(__spreadValues({}, spsFormProps), {
   formMeta: "SpsFormArrayMeta<any> | SpsFormGroupMeta<any>",
   isOpen: "boolean",
   onClear: "() => void",
-  onSubmit: "React.FormEventHandler",
-  pinned: { type: "boolean", deprecated: true }
+  onSubmit: "React.FormEventHandler"
 });
 const propTypes$1J = __spreadProps(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsFormPropTypes), {
   controlsDisabled: propTypes$1L.exports.bool,
@@ -292,8 +291,7 @@ const propTypes$1J = __spreadProps(__spreadValues(__spreadValues({}, spsGlobalPr
   ]),
   isOpen: propTypes$1L.exports.bool,
   onClear: fun(),
-  onSubmit: fun(),
-  pinned: propTypes$1L.exports.bool
+  onSubmit: fun()
 });
 function SpsAdvancedSearch(props2) {
   const _a = props2, {
@@ -305,7 +303,6 @@ function SpsAdvancedSearch(props2) {
     formGroup: formGroup2,
     formMeta,
     isOpen,
-    pinned,
     onClear,
     onSubmit,
     unsafelyReplaceClassName
@@ -318,18 +315,10 @@ function SpsAdvancedSearch(props2) {
     "formGroup",
     "formMeta",
     "isOpen",
-    "pinned",
     "onClear",
     "onSubmit",
     "unsafelyReplaceClassName"
   ]);
-  if (typeof pinned !== "undefined") {
-    console.warn(`
-            SpsAdvancedSearch: The 'pinned' prop is deprecated.
-            The advanced search component will no longer pin, and this prop will be removed in a future release.
-            Please remove it from your usage of the component.
-        `.replace(/\w{2,}/g, " ").trim());
-  }
   const { t: t2 } = React.useContext(I18nContext);
   function handleClear() {
     if (onClear) {
@@ -1722,7 +1711,7 @@ const propTypes$1G = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   disabled: propTypes$1L.exports.bool,
   formControl: impl(),
   formMeta: impl(),
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   onChange: fun(),
   placeholder: propTypes$1L.exports.string,
   suggestions: propTypes$1L.exports.oneOfType([
@@ -2021,7 +2010,7 @@ const propsDoc$1C = {
 const propTypes$1F = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   alignLeft: propTypes$1L.exports.bool,
   disabled: propTypes$1L.exports.bool,
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   kind: enumValue(DropdownKind),
   label: propTypes$1L.exports.string,
   options: propTypes$1L.exports.arrayOf(propTypes$1L.exports.oneOfType([propTypes$1L.exports.func, propTypes$1L.exports.any])).isRequired,
@@ -2083,7 +2072,7 @@ function SpsDropdown(props2) {
     icon = iconProp;
   } else {
     kind = DropdownKind.ICON;
-    icon = iconProp || SpsIcon$1.ELLIPSES;
+    icon = iconProp || SpsIcon.ELLIPSES;
   }
   const dropdownRef = React.useRef(null);
   React.useEffect(() => {
@@ -5667,35 +5656,10 @@ function SpsClickableTag(props2) {
     "aria-label": onAdd ? "Add" : "Remove"
   }, /* @__PURE__ */ React.createElement("i", {
     "aria-hidden": "true",
-    className: `sps-icon sps-icon-${onAdd ? SpsIcon$1.PLUS_SIGN : SpsIcon$1.X}`,
+    className: `sps-icon sps-icon-${onAdd ? SpsIcon.PLUS_SIGN : SpsIcon.X}`,
     "data-testid": `${testId}__icon`
   })));
 }
-function SpsMultiSelectTag(props2) {
-  const _a = props2, {
-    active,
-    kind,
-    children
-  } = _a, clickableTagProps = __objRest(_a, [
-    "active",
-    "kind",
-    "children"
-  ]);
-  if (kind === MultiSelectTagKind.RED) {
-    console.warn("The red SpsMultiSelectTag style has been removed from SpsClickableTag. This tag will display as blue");
-    clickableTagProps.kind = ClickableTagKind.BLUE;
-  } else if (kind === MultiSelectTagKind.GRAY) {
-    clickableTagProps.kind = ClickableTagKind.GRAY;
-  } else if (kind === MultiSelectTagKind.BLUE) {
-    clickableTagProps.kind = ClickableTagKind.BLUE;
-  }
-  console.warn([
-    "The SpsMultiSelectTag component has been renamed to SpsClickableTag.",
-    "All references to it should be replaced before SpsMultiSelectTag is removed.",
-    "The type of the kind prop is changing from MultiSelectTagKind to ClickableTagKind."
-  ].join(" "));
-  return /* @__PURE__ */ React.createElement(SpsClickableTag, __spreadValues({}, clickableTagProps), children);
-}
 Object.assign(SpsClickableTag, {
   props: propsDoc$1u,
   propTypes: propTypes$1x,
@@ -13933,7 +13897,7 @@ const propsDoc$1t = {
 };
 const propTypes$1w = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   content: propTypes$1L.exports.node,
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   title: propTypes$1L.exports.string
 });
 function SpsCardHeader(props2) {
@@ -13975,7 +13939,7 @@ const propsDoc$1s = {
   kind: "TagKind"
 };
 const propTypes$1v = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   kind: enumValue(TagKind)
 });
 function SpsTag(props2) {
@@ -14024,12 +13988,12 @@ const propsDoc$1r = {
 const propTypes$1u = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   activateTab: propTypes$1L.exports.func,
   active: propTypes$1L.exports.bool,
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   label: propTypes$1L.exports.string,
   index: propTypes$1L.exports.number,
   tag: propTypes$1L.exports.string,
   tagKind: enumValue(TagKind),
-  tagIcon: enumValue(SpsIcon$1)
+  tagIcon: enumValue(SpsIcon)
 });
 function SpsCardTabbedPane(props2) {
   const _a = props2, {
@@ -14144,7 +14108,7 @@ const propTypes$1t = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   activeTab: propTypes$1L.exports.string,
   footer: nodeOrRenderFn,
   headerContent: nodeOrRenderFn,
-  headerIcon: enumValue(SpsIcon$1),
+  headerIcon: enumValue(SpsIcon),
   headerTitle: propTypes$1L.exports.string
 });
 function SpsCard(props2) {
@@ -14279,7 +14243,7 @@ function SpsColumnChooserColumn(props2) {
       elementName: name
     }),
     kind: ButtonKind.ICON,
-    icon: SpsIcon$1.X,
+    icon: SpsIcon.X,
     onClick: () => {
       if (onDelete) {
         onDelete(value);
@@ -14404,7 +14368,7 @@ function SpsColumnChooser(props2) {
     className: classes,
     "aria-label": `${state.isVisible ? "Close" : "Open"} Column Chooser`,
     kind: ButtonKind.ICON,
-    icon: SpsIcon$1.TABLE,
+    icon: SpsIcon.TABLE,
     onClick: onVisibilityToggle,
     "data-testid": "button"
   }), state.isVisible && /* @__PURE__ */ React.createElement(SpsCard, {
@@ -14479,10 +14443,10 @@ const propsDoc$1n = {
   size: "SpsIconSize"
 };
 const propTypes$1q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  icon: enumValue(SpsIcon$1).isRequired,
+  icon: enumValue(SpsIcon).isRequired,
   size: enumValue(SpsIconSize)
 });
-function SpsIcon(props2) {
+function SpsI(props2) {
   const _a = props2, {
     className,
     "data-testid": testId,
@@ -14503,14 +14467,11 @@ function SpsIcon(props2) {
     "data-testid": testId
   }, rest));
 }
-Object.assign(SpsIcon, {
+Object.assign(SpsI, {
   props: propsDoc$1n,
   propTypes: propTypes$1q,
   displayName: "SpsI"
 });
-function SpsI(props2) {
-  return /* @__PURE__ */ React.createElement(SpsIcon, __spreadValues({}, props2));
-}
 Object.assign(SpsI, {
   props: propsDoc$1n,
   propTypes: propTypes$1q,
@@ -14688,7 +14649,7 @@ function SpsContentRow(props2) {
     onClick: handleToggle,
     "aria-label": t2(`design-system:contentRow.${isExpanded ? "collapse" : "expand"}`)
   }, /* @__PURE__ */ React.createElement(SpsI, {
-    icon: isExpanded ? SpsIcon$1.MINUS_CIRCLE : SpsIcon$1.PLUS_CIRCLE
+    icon: isExpanded ? SpsIcon.MINUS_CIRCLE : SpsIcon.PLUS_CIRCLE
   }));
   const classes = clsx(unsafelyReplaceClassName || "sps-content-row", isExpanded && "sps-content-row--expanded", cardSpacing && "sps-content-row--card-spaced", selected && "sps-content-row--selected", alternateLayout && "sps-content-row--alternate-layout", className);
   const [columns, [expansion]] = selectChildren(children, [
@@ -21938,7 +21899,7 @@ function SpsCheckboxDropdown(props2) {
   }), /* @__PURE__ */ React.createElement(SpsDropdown, {
     disabled,
     options,
-    icon: SpsIcon$1.CHEVRON_DOWN
+    icon: SpsIcon.CHEVRON_DOWN
   }));
 }
 Object.assign(SpsCheckboxDropdown, {
@@ -22165,8 +22126,8 @@ function SpsFieldset({
   }), legend, tooltip && /* @__PURE__ */ React.createElement("span", {
     className: "sps-fieldset__legend-icon",
     ref: infoCircleElement
-  }, /* @__PURE__ */ React.createElement(SpsIcon, {
-    icon: SpsIcon$1.INFO_CIRCLE
+  }, /* @__PURE__ */ React.createElement(SpsI, {
+    icon: SpsIcon.INFO_CIRCLE
   }))), tooltip && /* @__PURE__ */ React.createElement(SpsTooltip, {
     for: infoCircleElement
   }, tooltip), /* @__PURE__ */ React.createElement(SpsTooltip, {
@@ -22544,7 +22505,7 @@ function SpsFocusedTask(props2) {
   }, /* @__PURE__ */ React.createElement(SpsButton, {
     className: "sps-focused-task__close-btn",
     kind: ButtonKind.ICON,
-    icon: SpsIcon$1.X,
+    icon: SpsIcon.X,
     onClick: onClose,
     title: t2("design-system:focusedTask.close")
   })), /* @__PURE__ */ React.createElement("div", {
@@ -24697,7 +24658,7 @@ const propsDoc$15 = {
 };
 const propTypes$18 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   horizontal: propTypes$1L.exports.bool,
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   kind: enumValue(SpsInsightTileKind),
   title: propTypes$1L.exports.string,
   metric: propTypes$1L.exports.number || propTypes$1L.exports.string,
@@ -25166,7 +25127,7 @@ const propTypes$15 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   ]).isRequired,
   stronglySuggested: propTypes$1L.exports.bool,
   help: nodeOrRenderFn,
-  helpIcon: enumValue(SpsIcon$1),
+  helpIcon: enumValue(SpsIcon),
   helpIconColor: propTypes$1L.exports.string,
   errors: nodeOrRenderFn
 });
@@ -25178,7 +25139,7 @@ function SpsLabel(_o) {
     for: forProp,
     stronglySuggested,
     help,
-    helpIcon = SpsIcon$1.QUESTION_CIRCLE,
+    helpIcon = SpsIcon.QUESTION_CIRCLE,
     helpIconColor = "blue200",
     errors,
     unsafelyReplaceClassName
@@ -25597,7 +25558,7 @@ function SpsListActionBar(props2) {
     className: "sps-list-action-bar__clear"
   }, /* @__PURE__ */ React.createElement(SpsButton, {
     kind: ButtonKind.LINK,
-    icon: SpsIcon$1.X,
+    icon: SpsIcon.X,
     onClick: handleClearClick,
     "data-testid": `${testId}__clear-button`
   }, t2("design-system:listActionBar.clearSelected")))));
@@ -28846,7 +28807,7 @@ const propTypes$S = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   formControl: impl(),
   formMeta: impl(),
   hideSelected: propTypes$1L.exports.bool,
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   onChange: fun(),
   options: propTypes$1L.exports.oneOfType([
     propTypes$1L.exports.array,
@@ -30299,7 +30260,7 @@ function SpsProgressBar(props2) {
     className: "sps-progress-bar__close-button"
   }, /* @__PURE__ */ React.createElement(SpsButton, {
     kind: ButtonKind.ICON,
-    icon: SpsIcon$1.X,
+    icon: SpsIcon.X,
     onClick: onClose,
     title: t2("design-system:progressBar.closeButtonTitle")
   })));
@@ -30420,7 +30381,7 @@ const propsDoc$H = {
   iconSize: "SpsIconSize"
 };
 const propTypes$K = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   iconSize: enumValue(SpsIconSize)
 });
 function SpsTooltipTitle({
@@ -30999,6 +30960,7 @@ function SpsSteppedProgressBar(props2) {
     className: "sps-stepped-progress-bar__bar-background d-flex align-items-center list-unstyled mb-0"
   }, data.map((id2, index) => /* @__PURE__ */ React.createElement("li", {
     id: id2,
+    key: id2,
     className: clsx("sps-stepped-progress-bar__step", completedStepsCount > index && "sps-stepped-progress-bar__step-complete")
   }, findIcon(index) && /* @__PURE__ */ React.createElement(SpsI, {
     icon: findIcon(index).icon,
@@ -32411,7 +32373,7 @@ const propTypes$D = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   disabled: propTypes$1L.exports.bool,
   href: propTypes$1L.exports.string,
   label: propTypes$1L.exports.string,
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   kind: enumValue(StdButtonKind),
   options: propTypes$1L.exports.arrayOf(propTypes$1L.exports.oneOfType([propTypes$1L.exports.func, propTypes$1L.exports.any]))
 });
@@ -32590,7 +32552,7 @@ function SpsSlackLink(props2) {
     rel: "noreferrer",
     href: `https://spscommerce.slack.com/archives/${channelId}`
   }, rest), /* @__PURE__ */ React.createElement("i", {
-    className: `sps-icon sps-icon-${SpsIcon$1.CONVERSATION}`,
+    className: `sps-icon sps-icon-${SpsIcon.CONVERSATION}`,
     "aria-hidden": "true"
   }), /* @__PURE__ */ React.createElement("span", null, t2("design-system:slackLink.label")));
 }
@@ -33620,7 +33582,7 @@ const propTypes$x = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   disabled: propTypes$1L.exports.bool,
   formControl: impl(),
   formMeta: impl(),
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   name: propTypes$1L.exports.string,
   onChange: fun(),
   placeholder: propTypes$1L.exports.string,
@@ -34677,7 +34639,7 @@ const propsDoc$o = {
 };
 const propTypes$q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   heading: propTypes$1L.exports.string,
-  icon: enumValue(SpsIcon$1)
+  icon: enumValue(SpsIcon)
 });
 function SpsWorkflow(props2) {
   const _a = props2, {
@@ -34801,7 +34763,7 @@ function SpsWizardSidebar({
       }, step.percentComplete === 100 ? /* @__PURE__ */ React.createElement("div", {
         className: `${CSS_BLOCK$2}__step-complete`
       }, /* @__PURE__ */ React.createElement(SpsI, {
-        icon: SpsIcon$1.CHECKMARK
+        icon: SpsIcon.CHECKMARK
       })) : /* @__PURE__ */ React.createElement(SpsProgressRing, {
         size: RingSize.SMALL,
         progress: step.percentComplete
@@ -34984,7 +34946,7 @@ const propsDoc$j = {
   icon: "SpsIcon"
 };
 const propTypes$l = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  icon: enumValue(SpsIcon$1)
+  icon: enumValue(SpsIcon)
 });
 function SpsWorkflowDocumentStatus(props2) {
   const _a = props2, {
@@ -35027,7 +34989,7 @@ const propsDoc$i = {
   title: { type: "string", required: true }
 };
 const propTypes$k = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  icon: enumValue(SpsIcon$1).isRequired,
+  icon: enumValue(SpsIcon).isRequired,
   title: propTypes$1L.exports.string.isRequired
 });
 function SpsWorkflowStep(props2) {
@@ -35195,7 +35157,7 @@ const propsDoc$g = {
   subHeading: "ReactNodeOrRenderFn"
 };
 const propTypes$i = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  icon: enumValue(SpsIcon$1).isRequired,
+  icon: enumValue(SpsIcon).isRequired,
   heading: nodeOrRenderFn,
   subHeading: nodeOrRenderFn
 });
@@ -35460,7 +35422,7 @@ function SpsFilterPanelSection(_M) {
       }
     }
   }, /* @__PURE__ */ React.createElement(SpsI, {
-    icon: isExpanded ? SpsIcon$1.MINUS_CIRCLE : SpsIcon$1.PLUS_CIRCLE
+    icon: isExpanded ? SpsIcon.MINUS_CIRCLE : SpsIcon.PLUS_CIRCLE
   }));
   React.useEffect(() => {
     setLocalExpanded(expanded);
@@ -35503,7 +35465,7 @@ function SpsFilterPanelCap(_O) {
   }, rest), /* @__PURE__ */ React.createElement("div", {
     className: "sps-filter-panel__cap__title-wrapper"
   }, /* @__PURE__ */ React.createElement(SpsI, {
-    icon: SpsIcon$1.FILTER,
+    icon: SpsIcon.FILTER,
     size: SpsIconSize.SMALL
   }), /* @__PURE__ */ React.createElement("p", null, t2("design-system:filterPanel.title"))), /* @__PURE__ */ React.createElement(SpsButton, {
     kind: ButtonKind.LINK,
@@ -35873,7 +35835,7 @@ function SpsFilterPanelFilterBox(_Q) {
     className: clsx("sps-filter-panel__filter-box", className)
   }, rest), /* @__PURE__ */ React.createElement(SpsTextInput, {
     value,
-    icon: SpsIcon$1.FILTER,
+    icon: SpsIcon.FILTER,
     formMeta,
     placeholder: placeholder || t2("design-system:filterPanel.filterPlaceholder"),
     onChange: onFilterChange
@@ -36967,7 +36929,7 @@ function SpsCurrencyInput(__) {
     className: clsx("sps-form-control", disabled && "disabled")
   }, /* @__PURE__ */ React.createElement(SpsI, {
     className: "sps-text-input__icon",
-    icon: SpsIcon$1.DOLLAR_SIGN
+    icon: SpsIcon.DOLLAR_SIGN
   }), /* @__PURE__ */ React.createElement("input", __spreadValues({
     type: "text",
     ref: textInput,
@@ -37082,7 +37044,7 @@ const propsDoc$7 = {
 const propTypes$7 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   color: enumValue(TagKind),
   href: propTypes$1L.exports.string,
-  icon: enumValue(SpsIcon$1),
+  icon: enumValue(SpsIcon),
   tagKey: propTypes$1L.exports.string.isRequired,
   value: propTypes$1L.exports.string.isRequired
 });
@@ -37651,4 +37613,4 @@ Object.assign(SpsVr, {
   propTypes,
   displayName: "SpsDescriptionListTerm / SpsDt"
 });
-export { AsTypingErrorKeys, ContentOrderExample, FauxChangeEvent, I18nContext, MANIFEST, OnBlurErrorKeys, PortalContext, SimpleDateUtils, SpsAddRemoveFormRowExamples, SpsAdvancedSearch, SpsAdvancedSearchExamples, SpsAutocomplete, SpsAutocompleteExamples, SpsButton, SpsButtonExamples, SpsButtonGroup, SpsCard, SpsCardExamples, SpsCardTabbedPane, SpsCardV2, SpsCardV2Footer, SpsCardV2Header, SpsCardV2Title, SpsCheckbox, SpsCheckboxDropdown, SpsCheckboxExamples, SpsClickableTag, SpsClickableTagExamples, SpsColumnChooser, SpsColumnChooserColumn, SpsColumnChooserExamples, SpsConditionalField, SpsConditionalFieldExamples, SpsContentRow, SpsContentRowCol, SpsContentRowExamples, SpsContentRowExpansion, SpsCurrencyInput, SpsCurrencyInputExamples, SpsDateRangePicker, SpsDateRangePickerExamples, SpsDateRangePickerV2, SpsDateTime, SpsDatepicker, SpsDatepickerExamples, SpsDatepickerV2, SpsDatetimeExamples, SpsDd, SpsDescriptionList, SpsDescriptionListDefinition, SpsDescriptionListExamples, SpsDescriptionListTerm, SpsDl, SpsDropdown, SpsDropdownExamples, SpsDt, SpsFeedbackBlock, SpsFeedbackBlockExamples, SpsFieldset, SpsFieldsetExamples, SpsFilterPanel, SpsFilterPanelCap, SpsFilterPanelExamples, SpsFilterPanelFilterBox, SpsFilterPanelSection, SpsFilterTile, SpsFilterTileList, SpsFilterTileListExamples, SpsFocusedTask, SpsFocusedTaskActions, SpsFocusedTaskExamples, SpsForm, SpsFormArrayMeta, SpsFormComponentWrapper, SpsFormExamples, SpsFormFieldMeta, SpsFormGroupMeta, SpsFormMetaBase, SpsFormSetMeta, SpsGrowler, SpsGrowlerExamples, SpsI, SpsIcon, SpsIconButtonPanel, SpsIncrementor, SpsIncrementorExamples, SpsInputGroup, SpsInsightTile, SpsInsights, SpsKeyValueList, SpsKeyValueListExamples, SpsKeyValueListItem, SpsKeyValueTag, SpsKeyValueTagExamples, SpsLabel, SpsLabelExamples, SpsListActionBar, SpsListActionBarExamples, SpsListToolbar, SpsListToolbarExamples, SpsListToolbarSearch, SpsMicroBlock, SpsMicroBlockExamples, SpsMicroZeroState, SpsModal, SpsModalAction, SpsModalBody, SpsModalExamples, SpsModalFooter, SpsModalHeader, SpsModalOverlay, SpsModalV2, SpsModalV2Footer, SpsMultiSelect, SpsMultiSelectExamples, SpsMultiSelectTag, SpsPageSelector, SpsPageSubtitle, SpsPageTitle, SpsPageTitleExamples, SpsPagination, SpsPaginationExamples, SpsProductBar, SpsProductBarExamples, SpsProductBarTab, SpsProgressBar, SpsProgressBarExamples, SpsProgressRing, SpsRadioButton, SpsRadioButtonExamples, SpsScrollableContainer, SpsScrollableContainerExamples, SpsSearchResultsBar, SpsSearchResultsBarExamples, SpsSelect, SpsSelectExamples, SpsSideNav, SpsSideNavExamples, SpsSlackLink, SpsSlackLinkExamples, SpsSortingHeader, SpsSortingHeaderCell, SpsSortingHeaderExamples, SpsSpinner, SpsSpinnerExamples, SpsSplitButton, SpsSplitButtonExamples, SpsSteppedProgressBar, SpsSteppedProgressBarExamples, SpsSummaryListColumn, SpsSummaryListExamples, SpsSummaryListExpansion, SpsSummaryListRow, SpsTab, SpsTabPanel, SpsTable, SpsTableBody, SpsTableCell, SpsTableExamples, SpsTableHead, SpsTableHeader, SpsTableRow, SpsTabsV2, SpsTag, SpsTagExamples, SpsTaskQueue, SpsTaskQueueExamples, SpsTbody, SpsTd, SpsTextInput, SpsTextInputExamples, SpsTextarea, SpsTextareaExamples, SpsTh, SpsThead, SpsTile, SpsTileList, SpsTileListExamples, SpsToggle, SpsToggleExamples, SpsTooltip, SpsTooltipExamples, SpsTooltipTitle, SpsTr, SpsValidators, SpsVerticalRule, SpsVr, SpsWf, SpsWfDoc, SpsWfDs, SpsWfStep, SpsWizardExamples, SpsWizardSidebar, SpsWizardSubstep, SpsWorkflow, SpsWorkflowDocument, SpsWorkflowDocumentStatus, SpsWorkflowExamples, SpsWorkflowStep, SpsZeroState, SpsZeroStateExamples, TooltipVisibility, contentOf, date, dateConstraint, dateRange, findParentBranches, flipPosition, formArray, formControl, formGroup, getMember, getPosition, selectChildren, toggleTooltipState, useCheckDeprecatedProps, useDidUpdateEffect, useDocumentEventListener, useElementId, useForm, useGrowlers, useInputPopup, usePatchReducer, usePortal, useServerSideValidation, useSpsAction, useSpsForm, validate, weekOfMonth };
+export { AsTypingErrorKeys, ContentOrderExample, FauxChangeEvent, I18nContext, MANIFEST, OnBlurErrorKeys, PortalContext, SimpleDateUtils, SpsAddRemoveFormRowExamples, SpsAdvancedSearch, SpsAdvancedSearchExamples, SpsAutocomplete, SpsAutocompleteExamples, SpsButton, SpsButtonExamples, SpsButtonGroup, SpsCard, SpsCardExamples, SpsCardTabbedPane, SpsCardV2, SpsCardV2Footer, SpsCardV2Header, SpsCardV2Title, SpsCheckbox, SpsCheckboxDropdown, SpsCheckboxExamples, SpsClickableTag, SpsClickableTagExamples, SpsColumnChooser, SpsColumnChooserColumn, SpsColumnChooserExamples, SpsConditionalField, SpsConditionalFieldExamples, SpsContentRow, SpsContentRowCol, SpsContentRowExamples, SpsContentRowExpansion, SpsCurrencyInput, SpsCurrencyInputExamples, SpsDateRangePicker, SpsDateRangePickerExamples, SpsDateRangePickerV2, SpsDateTime, SpsDatepicker, SpsDatepickerExamples, SpsDatepickerV2, SpsDatetimeExamples, SpsDd, SpsDescriptionList, SpsDescriptionListDefinition, SpsDescriptionListExamples, SpsDescriptionListTerm, SpsDl, SpsDropdown, SpsDropdownExamples, SpsDt, SpsFeedbackBlock, SpsFeedbackBlockExamples, SpsFieldset, SpsFieldsetExamples, SpsFilterPanel, SpsFilterPanelCap, SpsFilterPanelExamples, SpsFilterPanelFilterBox, SpsFilterPanelSection, SpsFilterTile, SpsFilterTileList, SpsFilterTileListExamples, SpsFocusedTask, SpsFocusedTaskActions, SpsFocusedTaskExamples, SpsForm, SpsFormArrayMeta, SpsFormComponentWrapper, SpsFormExamples, SpsFormFieldMeta, SpsFormGroupMeta, SpsFormMetaBase, SpsFormSetMeta, SpsGrowler, SpsGrowlerExamples, SpsI, SpsIconButtonPanel, SpsIncrementor, SpsIncrementorExamples, SpsInputGroup, SpsInsightTile, SpsInsights, SpsKeyValueList, SpsKeyValueListExamples, SpsKeyValueListItem, SpsKeyValueTag, SpsKeyValueTagExamples, SpsLabel, SpsLabelExamples, SpsListActionBar, SpsListActionBarExamples, SpsListToolbar, SpsListToolbarExamples, SpsListToolbarSearch, SpsMicroBlock, SpsMicroBlockExamples, SpsMicroZeroState, SpsModal, SpsModalAction, SpsModalBody, SpsModalExamples, SpsModalFooter, SpsModalHeader, SpsModalOverlay, SpsModalV2, SpsModalV2Footer, SpsMultiSelect, SpsMultiSelectExamples, SpsPageSelector, SpsPageSubtitle, SpsPageTitle, SpsPageTitleExamples, SpsPagination, SpsPaginationExamples, SpsProductBar, SpsProductBarExamples, SpsProductBarTab, SpsProgressBar, SpsProgressBarExamples, SpsProgressRing, SpsRadioButton, SpsRadioButtonExamples, SpsScrollableContainer, SpsScrollableContainerExamples, SpsSearchResultsBar, SpsSearchResultsBarExamples, SpsSelect, SpsSelectExamples, SpsSideNav, SpsSideNavExamples, SpsSlackLink, SpsSlackLinkExamples, SpsSortingHeader, SpsSortingHeaderCell, SpsSortingHeaderExamples, SpsSpinner, SpsSpinnerExamples, SpsSplitButton, SpsSplitButtonExamples, SpsSteppedProgressBar, SpsSteppedProgressBarExamples, SpsSummaryListColumn, SpsSummaryListExamples, SpsSummaryListExpansion, SpsSummaryListRow, SpsTab, SpsTabPanel, SpsTable, SpsTableBody, SpsTableCell, SpsTableExamples, SpsTableHead, SpsTableHeader, SpsTableRow, SpsTabsV2, SpsTag, SpsTagExamples, SpsTaskQueue, SpsTaskQueueExamples, SpsTbody, SpsTd, SpsTextInput, SpsTextInputExamples, SpsTextarea, SpsTextareaExamples, SpsTh, SpsThead, SpsTile, SpsTileList, SpsTileListExamples, SpsToggle, SpsToggleExamples, SpsTooltip, SpsTooltipExamples, SpsTooltipTitle, SpsTr, SpsValidators, SpsVerticalRule, SpsVr, SpsWf, SpsWfDoc, SpsWfDs, SpsWfStep, SpsWizardExamples, SpsWizardSidebar, SpsWizardSubstep, SpsWorkflow, SpsWorkflowDocument, SpsWorkflowDocumentStatus, SpsWorkflowExamples, SpsWorkflowStep, SpsZeroState, SpsZeroStateExamples, TooltipVisibility, contentOf, date, dateConstraint, dateRange, findParentBranches, flipPosition, formArray, formControl, formGroup, getMember, getPosition, selectChildren, toggleTooltipState, useCheckDeprecatedProps, useDidUpdateEffect, useDocumentEventListener, useElementId, useForm, useGrowlers, useInputPopup, usePatchReducer, usePortal, useServerSideValidation, useSpsAction, useSpsForm, validate, weekOfMonth };

package/package.json

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

package/lib/multi-select/SpsMultiSelectTag.d.ts

@@ -1,16 +0,0 @@
-import { MultiSelectTagKind } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    active: PropTypes.Requireable<boolean>;
-    kind: PropTypes.Requireable<MultiSelectTagKind>;
-    onRemove: PropTypes.Requireable<(...args: any[]) => any>;
-    onAdd: PropTypes.Requireable<(...args: any[]) => any>;
-    disabled: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsMultiSelectTagProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
-export declare function SpsMultiSelectTag(props: SpsMultiSelectTagProps): JSX.Element;
-export {};