@spscommerce/ds-react 6.1.0 → 6.2.1

package/lib/index.d.ts

@@ -12,6 +12,7 @@ export * from "./clickable-tag/index";
 export * from "./column-chooser/index";
 export * from "./conditional-field/index";
 export * from "./content-row/index";
+export * from "./context-bar/index";
 export * from "./currency-input/index";
 export * from "./datepicker/index";
 export * from "./dateRangePicker/index";

package/lib/index.es.js

@@ -25610,7 +25610,7 @@ function SpsListActionBar(props2) {
       clearSelected();
     }
   };
-  const classes = clsx(unsafelyReplaceClassName || "sps-list-action-bar-container", "z-stratum-bar", className);
+  const classes = clsx(unsafelyReplaceClassName || "sps-list-action-bar-container", "z-stratum-actionbar", className);
   return !!itemsSelected && /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({
     className: classes
   }, rest), {
@@ -35225,8 +35225,10 @@ const propsDoc$l = {
   href: "string",
   icon: { type: "ReactNodeOrRenderFn", required: "true" },
   error: "boolean",
+  errorIcon: "ReactNodeOrRenderFn",
   title: { type: "string", required: "true" },
   warning: "boolean",
+  warningIcon: "ReactNodeOrRenderFn",
   disabled: "boolean"
 };
 const propTypes$l = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
@@ -35234,8 +35236,10 @@ const propTypes$l = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   target: propTypes$1G.exports.string,
   icon: nodeOrRenderFn.isRequired,
   error: propTypes$1G.exports.bool,
+  errorIcon: nodeOrRenderFn,
   title: propTypes$1G.exports.string.isRequired,
   warning: propTypes$1G.exports.bool,
+  warningIcon: nodeOrRenderFn,
   disabled: propTypes$1G.exports.bool
 });
 function SpsTile(props2) {
@@ -35245,9 +35249,11 @@ function SpsTile(props2) {
     target,
     icon,
     error = false,
+    errorIcon,
     title,
     unsafelyReplaceClassName,
     warning = false,
+    warningIcon,
     disabled = false
   } = _a, rest = __objRest(_a, [
     "className",
@@ -35255,9 +35261,11 @@ function SpsTile(props2) {
     "target",
     "icon",
     "error",
+    "errorIcon",
     "title",
     "unsafelyReplaceClassName",
     "warning",
+    "warningIcon",
     "disabled"
   ]);
   const classes = clsx(unsafelyReplaceClassName || "sps-tile", className, error && "sps-tile--error", warning && "sps-tile--warning", disabled && "sps-tile--disabled");
@@ -35275,11 +35283,11 @@ function SpsTile(props2) {
     rel: target === "_blank" ? "noopener noreferrer" : void 0
   }, rest), (warning || error) && /* @__PURE__ */ React.createElement("div", {
     className: "sps-tile--icon"
-  }, warning && /* @__PURE__ */ React.createElement("i", {
+  }, warning && (warningIcon ? contentOf(warningIcon) : /* @__PURE__ */ React.createElement("i", {
     className: clsx("sps-icon", "sps-icon-status-warning")
-  }), error && /* @__PURE__ */ React.createElement("i", {
+  })), error && (errorIcon ? contentOf(errorIcon) : /* @__PURE__ */ React.createElement("i", {
     className: clsx("sps-icon", "sps-icon-ban")
-  })), /* @__PURE__ */ React.createElement("div", {
+  }))), /* @__PURE__ */ React.createElement("div", {
     className: "sps-tile--content"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "sps-tile--image"
@@ -37599,6 +37607,23 @@ const MANIFEST = {
     examples: SpsZeroStateExamples
   }
 };
+const SpsContextBar = function({
+  viewing,
+  in: inProp,
+  onChange
+}) {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "sps-context-bar"
+  }, "Viewing", /* @__PURE__ */ React.createElement("span", {
+    className: "sps-context-bar__emphasized"
+  }, viewing), Boolean(inProp) && /* @__PURE__ */ React.createElement(React.Fragment, null, "in", /* @__PURE__ */ React.createElement("span", {
+    className: "sps-context-bar__emphasized"
+  }, inProp)), Boolean(onChange) && /* @__PURE__ */ React.createElement(SpsButton, {
+    className: "sps-context-bar__change-button",
+    kind: ButtonKind.LINK,
+    onClick: onChange
+  }, "Change"));
+};
 const propsDoc$2 = {
   disabled: "boolean",
   formMeta: "SpsFormFieldMeta<number>",
@@ -37976,4 +38001,4 @@ Object.assign(SpsVr, {
   propTypes,
   displayName: "SpsDescriptionListTerm / SpsDt"
 });
-export { AsTypingErrorKeys, ContentOrderExample, DEFAULT_PRESETS, FauxChangeEvent, I18nContext, MANIFEST, OnBlurErrorKeys, OnSubmitErrorKeys, PortalContext, PreventativeErrorKeys, Provide, SimpleDateUtils, SpsAddRemoveFormRowExamples, SpsAdvancedSearch, SpsAdvancedSearchExamples, SpsApp, 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, SpsDateTime, SpsDatepicker, SpsDatepickerExamples, 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, SpsListToolbarSearchInfo, SpsListToolbarSortBy, SpsMicroBlock, SpsMicroBlockExamples, SpsMicroZeroState, SpsModal, SpsModalExamples, SpsModalFooter, SpsMultiSelect, SpsMultiSelectExamples, SpsPageSelector, SpsPageSubtitle, SpsPageTitle, SpsPageTitleExamples, SpsPagination, SpsPaginationExamples, SpsProductBar, SpsProductBarExamples, SpsProductBarTab, SpsProgressBar, SpsProgressBarExamples, SpsProgressRing, SpsRadioButton, SpsRadioButtonExamples, SpsScrollableContainer, SpsScrollableContainerExamples, SpsSearchResultsBar, SpsSearchResultsBarExamples, SpsSearchResultsBarV2, 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, ValidationMode, addOnChangeErrorKey, addOnSubmitErrorKey, bindProps, contentOf, date, dateConstraint, dateRange, findParentBranches, flipPosition, formArray, formControl, formGroup, getMember, getPosition, selectChildren, toggleTooltipState, useCheckDeprecatedProps, useColumnResizer, useCustomValidator, useDidUpdateEffect, useDocumentEventListener, useElementId, useForm, useGrowlers, useInputPopup, usePatchReducer, usePortal, useServerSideValidation, useSpsAction, useSpsForm, validate };
+export { AsTypingErrorKeys, ContentOrderExample, DEFAULT_PRESETS, FauxChangeEvent, I18nContext, MANIFEST, OnBlurErrorKeys, OnSubmitErrorKeys, PortalContext, PreventativeErrorKeys, Provide, SimpleDateUtils, SpsAddRemoveFormRowExamples, SpsAdvancedSearch, SpsAdvancedSearchExamples, SpsApp, 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, SpsContextBar, SpsCurrencyInput, SpsCurrencyInputExamples, SpsDateRangePicker, SpsDateRangePickerExamples, SpsDateTime, SpsDatepicker, SpsDatepickerExamples, 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, SpsListToolbarSearchInfo, SpsListToolbarSortBy, SpsMicroBlock, SpsMicroBlockExamples, SpsMicroZeroState, SpsModal, SpsModalExamples, SpsModalFooter, SpsMultiSelect, SpsMultiSelectExamples, SpsPageSelector, SpsPageSubtitle, SpsPageTitle, SpsPageTitleExamples, SpsPagination, SpsPaginationExamples, SpsProductBar, SpsProductBarExamples, SpsProductBarTab, SpsProgressBar, SpsProgressBarExamples, SpsProgressRing, SpsRadioButton, SpsRadioButtonExamples, SpsScrollableContainer, SpsScrollableContainerExamples, SpsSearchResultsBar, SpsSearchResultsBarExamples, SpsSearchResultsBarV2, 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, ValidationMode, addOnChangeErrorKey, addOnSubmitErrorKey, bindProps, contentOf, date, dateConstraint, dateRange, findParentBranches, flipPosition, formArray, formControl, formGroup, getMember, getPosition, selectChildren, toggleTooltipState, useCheckDeprecatedProps, useColumnResizer, useCustomValidator, useDidUpdateEffect, useDocumentEventListener, useElementId, useForm, useGrowlers, useInputPopup, usePatchReducer, usePortal, useServerSideValidation, useSpsAction, useSpsForm, validate };

package/lib/tile-list/SpsTile.d.ts

@@ -4,8 +4,10 @@ declare const propTypes: {
     target: PropTypes.Requireable<string>;
     icon: PropTypes.Validator<PropTypes.ReactNodeOrRenderFn>;
     error: PropTypes.Requireable<boolean>;
+    errorIcon: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
     title: PropTypes.Validator<string>;
     warning: PropTypes.Requireable<boolean>;
+    warningIcon: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
     disabled: PropTypes.Requireable<boolean>;
     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     className: PropTypes.Requireable<string>;

package/package.json

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