@jobber/components 7.15.0 → 7.15.2

package/dist/DataList/DataList.d.ts

@@ -9,6 +9,10 @@ import { DataListLayoutActions } from "./components/DataListLayoutActions";
 import type { DataListBulkActionProps, DataListObject, DataListProps } from "./DataList.types";
 import { DataListBulkActions } from "./components/DataListBulkActions";
 import { DataListStatusBar } from "./components/DataListStatusBar";
+/**
+ * Legacy component. Existing usages are supported but DataList should not
+ * be used for new implementations. Use DataTable composable atoms instead.
+ */
 export declare function DataList<T extends DataListObject>({ selected, sorting, ...props }: DataListProps<T>): React.JSX.Element;
 export declare namespace DataList {
     var Layout: typeof DataListLayout;

package/dist/DataList-cjs.js

@@ -23,6 +23,10 @@ var DataListStatusBar = require('./DataListStatusBar-cjs.js');
 var Heading = require('./Heading-cjs.js');
 var Spinner = require('./Spinner-cjs.js');
 
+/**
+ * Legacy component. Existing usages are supported but DataList should not
+ * be used for new implementations. Use DataTable composable atoms instead.
+ */
 function DataList(_a) {
     var { selected = [], sorting } = _a, props = tslib_es6.__rest(_a, ["selected", "sorting"]);
     const [layouts, setLayouts] = React.useState({});

package/dist/DataList-es.js

@@ -21,6 +21,10 @@ import { I as InternalDataListStatusBar, D as DataListStatusBar } from './DataLi
 import { H as Heading } from './Heading-es.js';
 import { S as Spinner } from './Spinner-es.js';
 
+/**
+ * Legacy component. Existing usages are supported but DataList should not
+ * be used for new implementations. Use DataTable composable atoms instead.
+ */
 function DataList(_a) {
     var { selected = [], sorting } = _a, props = __rest(_a, ["selected", "sorting"]);
     const [layouts, setLayouts] = useState({});

package/dist/docs/DataList/DataList.md

@@ -1,7 +1,8 @@
 # DataList
 
-> **NOTICE:** Consider using the atomic [DataTable](../DataTable/DataTable.md) components before
-> reaching for the DataList component.
+> **NOTICE:** DataList is a Legacy component and should not be used for new implementations.
+> Use [DataTable](../DataTable/DataTable.md) composable atoms instead. Existing
+> usages are supported.
 
 DataList is used to show a collection list of similar items in a simpler manner
 than [DataTable](../DataTable/DataTable.md).

package/dist/styles.css

@@ -4365,6 +4365,43 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   opacity: 0.4;
 }
 
+/*
+ * Match the wrapper's INNER border arc when the stepper sits at the wrapper's
+ * right edge so the hover background follows the curve flush. Only fires when
+ * nothing follows the stepper (no suffix label/icon in default mode, no later
+ * child in compound mode). Button radius = outer radius - border width.
+ */
+
+:where(
+    .c20czk-FSyY- > .t42w4ZDiDyI-:last-child,
+    .c20czk-FSyY- > .k9dAO6d010o-:last-child > .t42w4ZDiDyI-
+  )
+  > .zzrCzYF-8u0-:first-child {
+  border-top-right-radius: calc(
+    8px -
+      1px
+  );
+  border-top-right-radius: calc(
+    var(--public-field--top-right-radius, var(--radius-base)) -
+      var(--border-base)
+  );
+}
+
+:where(
+    .c20czk-FSyY- > .t42w4ZDiDyI-:last-child,
+    .c20czk-FSyY- > .k9dAO6d010o-:last-child > .t42w4ZDiDyI-
+  )
+  > .zzrCzYF-8u0-:last-child {
+  border-bottom-right-radius: calc(
+    8px -
+      1px
+  );
+  border-bottom-right-radius: calc(
+    var(--public-field--bottom-right-radius, var(--radius-base)) -
+      var(--border-base)
+  );
+}
+
 ._0mcAZAtwQ2o- {
   display: -ms-flexbox;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "7.15.0",
+  "version": "7.15.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -583,5 +583,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "f4b5e69bd4303d86c4d77ecb01311975a585525b"
+  "gitHead": "815ff3e508f8fa0645f29bc1e33929a614d12fe4"
 }