@seamapi/react 2.10.2 → 2.11.0

package/src/lib/ui/FormField.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames'
-import { cloneElement, useRef } from 'react'
+import { type Attributes, cloneElement, useRef } from 'react'
 
 import { DateTimePicker } from 'lib/ui/DateTimePicker/DateTimePicker.js'
 import { InputLabel } from 'lib/ui/InputLabel.js'
@@ -27,7 +27,7 @@ export function FormField({
   // Map children to automatically focus on input when clicking
   // on an InputLabel.
   const clonedChildren = components.map((component, index) => {
-    const baseProps = {
+    const baseProps: Attributes = {
       ...component.props,
       key: index,
     }

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '2.10.2'
+const seamapiReactVersion = '2.11.0'
 
 export default seamapiReactVersion

package/src/styles/_supported-device-table.scss

@@ -1,3 +1,4 @@
+@use 'sass:math';
 @use './colors';
 
 $row-height: 64px;
@@ -175,7 +176,11 @@ $see-all-button-height: 30px;
         0 1px 1px 0 rgb(16 27 37 / 10%),
         0 1px 8px 0 rgb(46 69 82 / 12%);
       position: absolute;
-      bottom: -($row-height - $see-all-button-height - $row-padding) / 2;
+      bottom: math.div(
+          -($row-height - $see-all-button-height - $row-padding),
+          2
+        )
+        or calc(-1 * ($row-height - $see-all-button-height - $row-padding) / 2);
       left: 50%;
       transform: translate(-50%, -47px);
       z-index: 3;