oxidecomputer · david-crespo · Jun 27, 2024 · Jun 27, 2024
diff --git a/app/forms/image-upload.tsx b/app/forms/image-upload.tsx
@@ -637,7 +637,7 @@ export function CreateImageSideModalForm() {
                   className={
                     allDone
                       ? 'transition-colors bg-accent-secondary children:text-accent'
-                      : ' transition-colors'
+                      : 'transition-colors'
                   }
                 />
               </div>

diff --git a/app/pages/project/instances/instance/tabs/MetricsTab.tsx b/app/pages/project/instances/instance/tabs/MetricsTab.tsx
@@ -124,7 +124,7 @@ function DiskMetric({
 
   return (
     <div className="flex w-1/2 grow flex-col">
-      <h2 className="ml-3 flex items-center text-mono-xs text-secondary ">
+      <h2 className="ml-3 flex items-center text-mono-xs text-secondary">
         {title} <div className="ml-1 normal-case text-quaternary">{label}</div>
         {isLoading && <Spinner className="ml-2" />}
       </h2>

diff --git a/app/ui/lib/Combobox.tsx b/app/ui/lib/Combobox.tsx
@@ -124,7 +124,7 @@ export const Combobox = ({
           modal={false}
         >
           {filteredItems.length === 0 && (
-            <ComboboxOption disabled value="no-matches" className="relative ">
+            <ComboboxOption disabled value="no-matches" className="relative">
               <div className="ox-menu-item !text-disabled">No items match</div>
             </ComboboxOption>
           )}

diff --git a/app/ui/lib/DateField.tsx b/app/ui/lib/DateField.tsx
@@ -129,7 +129,7 @@ function DateSegment({
           (segment.maxValue != null && String(segment.maxValue).length + 'ch') || undefined,
       }}
       className={cn(
-        'group group box-content rounded px-[1px] text-right tabular-nums outline-none',
+        'group box-content rounded px-[1px] text-right tabular-nums outline-none',
         !readOnly && 'focus:text-default focus:bg-accent-secondary-hover',
         segment.type === 'timeZoneName' ? 'ml-1 text-sans-sm' : 'text-sans-md'
       )}

diff --git a/app/ui/lib/DatePicker.tsx b/app/ui/lib/DatePicker.tsx
@@ -62,7 +62,7 @@ export function DatePicker(props: DatePickerProps) {
           type="button"
           className={cn(
             state.isOpen && 'z-10 ring-2',
-            'relative flex h-10  items-center rounded-l rounded-r border text-sans-md border-default focus-within:ring-2 hover:border-raise focus:z-10',
+            'relative flex h-10 items-center rounded-l rounded-r border text-sans-md border-default focus-within:ring-2 hover:border-raise focus:z-10',
             state.isInvalid
               ? 'focus-error border-error ring-error-secondary'
               : 'border-default ring-accent-secondary'

diff --git a/app/ui/lib/DateRangePicker.tsx b/app/ui/lib/DateRangePicker.tsx
@@ -62,7 +62,7 @@ export function DateRangePicker(props: DateRangePickerProps) {
           type="button"
           className={cn(
             state.isOpen && 'z-10 ring-2',
-            'relative flex h-10  items-center rounded-l rounded-r border text-sans-md border-default focus-within:ring-2 hover:border-raise focus:z-10',
+            'relative flex h-10 items-center rounded-l rounded-r border text-sans-md border-default focus-within:ring-2 hover:border-raise focus:z-10',
             state.isInvalid
               ? 'focus-error border-error ring-error-secondary'
               : 'border-default ring-accent-secondary'

diff --git a/app/ui/lib/Listbox.tsx b/app/ui/lib/Listbox.tsx
@@ -89,8 +89,7 @@ export const Listbox = <Value extends string = string>({
             <ListboxButton
               name={name}
               className={cn(
-                `flex h-10 w-full items-center justify-between
-                    rounded border text-sans-md`,
+                `flex h-10 w-full items-center justify-between rounded border text-sans-md`,
                 hasError
                   ? 'focus-error border-error-secondary hover:border-error'
                   : 'border-default hover:border-hover',

diff --git a/app/ui/lib/NumberInput.tsx b/app/ui/lib/NumberInput.tsx
@@ -49,10 +49,7 @@ export const NumberInput = React.forwardRef<
         {...inputProps}
         ref={mergeRefs([forwardedRef, inputRef])}
         className={cn(
-          `w-full rounded border-none px-3
-      py-[0.6875rem] !outline-offset-1 text-sans-md
-      text-default bg-default placeholder:text-quaternary
-      focus:outline-none disabled:cursor-not-allowed disabled:text-tertiary disabled:bg-disabled`,
+          `w-full rounded border-none px-3 py-[0.6875rem] !outline-offset-1 text-sans-md text-default bg-default placeholder:text-quaternary focus:outline-none disabled:cursor-not-allowed disabled:text-tertiary disabled:bg-disabled`,
           props.error && 'focus-error',
           props.isDisabled && 'text-disabled bg-disabled'
         )}

diff --git a/app/ui/lib/TextInput.tsx b/app/ui/lib/TextInput.tsx
@@ -73,10 +73,7 @@ export const TextInput = React.forwardRef<
           ref={ref}
           type={type}
           className={cn(
-            `w-full rounded border-none px-3
-        py-[0.6875rem] !outline-offset-1 text-sans-md
-        text-default bg-default placeholder:text-quaternary
-        focus:outline-none disabled:cursor-not-allowed disabled:text-tertiary disabled:bg-disabled`,
+            `w-full rounded border-none px-3 py-[0.6875rem] !outline-offset-1 text-sans-md text-default bg-default placeholder:text-quaternary focus:outline-none disabled:cursor-not-allowed disabled:text-tertiary disabled:bg-disabled`,
             error && 'focus-error',
             fieldClassName,
             disabled && 'text-disabled bg-disabled'

diff --git a/app/ui/styles/components/Tabs.css b/app/ui/styles/components/Tabs.css
@@ -32,8 +32,7 @@
 }
 
 .ox-tab {
-  @apply h-10 space-x-2 whitespace-nowrap border-b px-1.5 pb-1 pt-2
-  uppercase !no-underline text-mono-sm text-tertiary border-secondary;
+  @apply h-10 space-x-2 whitespace-nowrap border-b px-1.5 pb-1 pt-2 uppercase !no-underline text-mono-sm text-tertiary border-secondary;
 }
 
 .ox-tab[data-state='active'],

diff --git a/app/ui/styles/components/menu-button.css b/app/ui/styles/components/menu-button.css
@@ -10,8 +10,7 @@
   @apply z-30 min-w-[14rem] rounded border p-0 bg-raise border-secondary;
 
   & .DropdownMenuItem {
-    @apply block cursor-pointer select-none border-b py-2 pl-3 pr-6 text-left
-           text-sans-md text-secondary border-secondary last-of-type:border-b-0;
+    @apply block cursor-pointer select-none border-b py-2 pl-3 pr-6 text-left text-sans-md text-secondary border-secondary last-of-type:border-b-0;
 
     &.destructive {
       @apply text-destructive;

diff --git a/mockServiceWorker.js b/mockServiceWorker.js
@@ -8,7 +8,7 @@
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.3.0'
+const PACKAGE_VERSION = '2.3.1'
 const INTEGRITY_CHECKSUM = '26357c79639bfa20d64c0efca2a87423'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()