@osdk/react-components 0.38.0 → 0.38.1-main-d8082cf04ac05e31df78c0935f90a70e99933027

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @osdk/react-components
 
+## 0.38.1-main-d8082cf04ac05e31df78c0935f90a70e99933027
+
+### Patch Changes
+
+- 7e1aade: Extend oxfmt formatting to css, scss, and html in oxc-migrated packages. These file types were previously left unformatted (dprint had no css/html plugin); they are now covered by oxfmt and reformatted accordingly. yaml stays excluded because the only yaml in migrated packages is mustache-template documentation that oxfmt would corrupt.
+
 ## 0.38.0
 
 ### Minor Changes

package/build/browser/action-form/BaseForm.module.css

@@ -45,7 +45,8 @@
   align-items: center;
   padding-block: var(--osdk-form-content-padding-inline);
   padding-inline: var(--osdk-form-content-padding-inline);
-  border-block-start: var(--osdk-surface-border-width) solid var(--osdk-form-footer-border-color);
+  border-block-start: var(--osdk-surface-border-width) solid
+    var(--osdk-form-footer-border-color);
   flex-shrink: 0;
 }
 

package/build/browser/base-components/combobox/Combobox.module.css

@@ -562,7 +562,10 @@
   }
 
   &[aria-disabled="true"]:hover {
-    color: var(--osdk-combobox-clear-color, var(--osdk-iconography-color-muted));
+    color: var(
+      --osdk-combobox-clear-color,
+      var(--osdk-iconography-color-muted)
+    );
     background-color: transparent;
   }
 }

package/build/browser/base-components/select/Select.module.css

@@ -230,10 +230,7 @@
   display: flex;
   flex-direction: column;
   min-width: var(--anchor-width);
-  max-height: min(
-    var(--osdk-select-popup-max-height),
-    var(--available-height)
-  );
+  max-height: min(var(--osdk-select-popup-max-height), var(--available-height));
   overflow-y: auto;
   padding: calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 1.5);
   border-radius: var(

package/build/browser/base-components/switch/Switch.module.css

@@ -41,30 +41,52 @@
   border-radius: var(--osdk-switch-border-radius, 9999px);
   position: relative;
   border: none;
-  transition: background-color var(--osdk-switch-transition-duration, var(--osdk-emphasis-transition-duration))
+  transition: background-color
+    var(
+      --osdk-switch-transition-duration,
+      var(--osdk-emphasis-transition-duration)
+    )
     var(--osdk-switch-transition-ease, var(--osdk-emphasis-ease-default));
 
   &[data-unchecked] {
-    background-color: var(--osdk-switch-track-bg, var(--osdk-intent-default-rest));
+    background-color: var(
+      --osdk-switch-track-bg,
+      var(--osdk-intent-default-rest)
+    );
 
     &:hover {
-      background-color: var(--osdk-switch-track-bg-hover, var(--osdk-intent-default-hover));
+      background-color: var(
+        --osdk-switch-track-bg-hover,
+        var(--osdk-intent-default-hover)
+      );
     }
 
     &:active {
-      background-color: var(--osdk-switch-track-bg-active, var(--osdk-intent-default-active));
+      background-color: var(
+        --osdk-switch-track-bg-active,
+        var(--osdk-intent-default-active)
+      );
     }
   }
 
   &[data-checked] {
-    background-color: var(--osdk-switch-track-bg-checked, var(--osdk-intent-primary-rest));
+    background-color: var(
+      --osdk-switch-track-bg-checked,
+      var(--osdk-intent-primary-rest)
+    );
 
     &:hover {
-      background-color: var(--osdk-switch-track-bg-checked-hover, var(--osdk-intent-primary-hover));
+      background-color: var(
+        --osdk-switch-track-bg-checked-hover,
+        var(--osdk-intent-primary-hover)
+      );
     }
 
     &:active {
-      background-color: var(--osdk-switch-track-bg-checked-active, var(--osdk-intent-primary-active));
+      background-color: var(
+        --osdk-switch-track-bg-checked-active,
+        var(--osdk-intent-primary-active)
+      );
     }
   }
 
@@ -74,9 +96,12 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-switch-focus-width, var(--osdk-emphasis-focus-width)) solid
-      var(--osdk-switch-focus-color, var(--osdk-emphasis-focus-color));
-    outline-offset: var(--osdk-switch-focus-offset, var(--osdk-emphasis-focus-offset));
+    outline: var(--osdk-switch-focus-width, var(--osdk-emphasis-focus-width))
+      solid var(--osdk-switch-focus-color, var(--osdk-emphasis-focus-color));
+    outline-offset: var(
+      --osdk-switch-focus-offset,
+      var(--osdk-emphasis-focus-offset)
+    );
   }
 }
 
@@ -89,7 +114,11 @@
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
-  transition: left var(--osdk-switch-transition-duration, var(--osdk-emphasis-transition-duration))
+  transition: left
+    var(
+      --osdk-switch-transition-duration,
+      var(--osdk-emphasis-transition-duration)
+    )
     var(--osdk-switch-transition-ease, var(--osdk-emphasis-ease-default));
 
   &[data-unchecked] {
@@ -97,6 +126,9 @@
   }
 
   &[data-checked] {
-    left: calc(var(--osdk-switch-track-width) - var(--osdk-switch-thumb-size) - var(--osdk-switch-thumb-offset));
+    left: calc(
+      var(--osdk-switch-track-width) - var(--osdk-switch-thumb-size) -
+        var(--osdk-switch-thumb-offset)
+    );
   }
 }

package/build/browser/cbac-picker/base/MarkingButton.module.css

@@ -31,7 +31,9 @@
   background-color: var(--osdk-cbac-marking-button-bg-default, transparent);
 }
 
-.markingButton:hover:not(:disabled):not([aria-disabled="true"]):not(.disallowed):not(.impliedDisallowed):not(.selected):not(.implied) {
+.markingButton:hover:not(:disabled):not([aria-disabled="true"]):not(
+    .disallowed
+  ):not(.impliedDisallowed):not(.selected):not(.implied) {
   background-color: var(--osdk-surface-background-color-default-hover);
 }
 

package/build/browser/cbac-picker/base/OverflowItem.module.css

@@ -19,8 +19,7 @@
   align-items: center;
   width: 100%;
   text-align: left;
-  padding: var(--osdk-surface-spacing)
-    calc(var(--osdk-surface-spacing) * 1.5);
+  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 1.5);
   font-size: var(--osdk-cbac-overflow-button-font-size);
   font-family: inherit;
   cursor: pointer;

package/build/browser/excel-viewer/BaseExcelViewer.module.css

@@ -83,14 +83,16 @@
   background-color: var(--osdk-excel-viewer-tab-bg);
   flex-shrink: 0;
   overflow-x: auto;
-  padding: var(--osdk-excel-viewer-tab-bar-padding) var(--osdk-excel-viewer-tab-bar-padding) 0;
+  padding: var(--osdk-excel-viewer-tab-bar-padding)
+    var(--osdk-excel-viewer-tab-bar-padding) 0;
 }
 
 .tab {
   padding: var(--osdk-excel-viewer-tab-padding);
   border: var(--osdk-excel-viewer-tab-border);
   border-bottom: none;
-  border-radius: var(--osdk-excel-viewer-tab-border-radius) var(--osdk-excel-viewer-tab-border-radius) 0 0;
+  border-radius: var(--osdk-excel-viewer-tab-border-radius)
+    var(--osdk-excel-viewer-tab-border-radius) 0 0;
   background-color: var(--osdk-excel-viewer-tab-bg);
   font-family: var(--osdk-typography-family-default);
   font-size: var(--osdk-typography-size-body-x-small);

package/build/browser/filter-list/base/AddFilterPopover.module.css

@@ -39,7 +39,8 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 

package/build/browser/filter-list/base/FilterList.module.css

@@ -79,7 +79,8 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 
@@ -135,7 +136,8 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 

package/build/browser/filter-list/base/FilterListHeader.module.css

@@ -84,7 +84,8 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 
@@ -118,7 +119,8 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 

package/build/browser/filter-list/base/FilterPopover.module.css

@@ -105,9 +105,10 @@
   top: auto;
   bottom: calc(
     (
-        var(--osdk-filter-popover-trigger-min-height)
-          - var(--osdk-filter-popover-remove-size)
-      ) / 2
+        var(--osdk-filter-popover-trigger-min-height) -
+          var(--osdk-filter-popover-remove-size)
+      ) /
+      2
   );
   transform: none;
 }

package/build/browser/filter-list/base/inputs/ContainsTextInput.module.css

@@ -30,7 +30,8 @@
 
   &:focus-within {
     border-color: var(--osdk-filter-input-focus-border);
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 
@@ -81,7 +82,8 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 

package/build/browser/filter-list/base/inputs/ListogramInput.module.css

@@ -119,13 +119,19 @@
   display: block;
   height: 100%;
   width: calc(var(--osdk-filter-listogram-bar-fill-scale, 0) * 100%);
-  background: var(--osdk-filter-listogram-row-bar-color, var(--osdk-filter-listogram-bar-color));
+  background: var(
+    --osdk-filter-listogram-row-bar-color,
+    var(--osdk-filter-listogram-bar-color)
+  );
   border-radius: var(--osdk-filter-listogram-bar-border-radius);
   transition: width var(--osdk-filter-listogram-bar-fill-transition);
 }
 
 .row[aria-pressed="true"] .barFill {
-  background: var(--osdk-filter-listogram-row-bar-color, var(--osdk-filter-listogram-selected-color));
+  background: var(
+    --osdk-filter-listogram-row-bar-color,
+    var(--osdk-filter-listogram-selected-color)
+  );
 }
 
 .viewAllButton {

package/build/browser/filter-list/base/inputs/MultiDateInput.module.css

@@ -50,7 +50,8 @@
 
   &:focus {
     border-color: var(--osdk-filter-input-focus-border);
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 }

package/build/browser/filter-list/base/inputs/MultiSelectInput.module.css

@@ -69,7 +69,8 @@
 
   &:focus {
     border-color: var(--osdk-filter-input-focus-border);
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 

package/build/browser/filter-list/base/inputs/NullValueWrapper.module.css

@@ -21,10 +21,7 @@
 }
 
 .noValueLabel {
-  color: var(
-    --osdk-filter-null-label-color,
-    var(--osdk-filter-no-value-color)
-  );
+  color: var(--osdk-filter-null-label-color, var(--osdk-filter-no-value-color));
   font-family: var(--osdk-filter-null-label-font-family, inherit);
   font-size: var(--osdk-filter-null-label-font-size, inherit);
   line-height: var(--osdk-filter-null-label-line-height, inherit);

package/build/browser/filter-list/base/inputs/RangeInput.module.css

@@ -49,8 +49,7 @@
   color: var(--osdk-intent-primary-rest);
   background: transparent;
   border: none;
-  padding: calc(var(--osdk-surface-spacing) * 0.5)
-    var(--osdk-surface-spacing);
+  padding: calc(var(--osdk-surface-spacing) * 0.5) var(--osdk-surface-spacing);
   cursor: pointer;
   border-radius: var(--osdk-surface-border-radius);
 
@@ -70,8 +69,7 @@
   display: inline-block;
   background: var(--osdk-typography-color-default-rest);
   color: var(--osdk-background-primary);
-  padding: calc(var(--osdk-surface-spacing) * 0.5)
-    var(--osdk-surface-spacing);
+  padding: calc(var(--osdk-surface-spacing) * 0.5) var(--osdk-surface-spacing);
   border-radius: var(--osdk-surface-border-radius);
   font-family: var(--osdk-filter-range-label-font-family);
   font-size: var(--osdk-typography-size-body-small);
@@ -92,7 +90,8 @@
 .axisLines,
 .bars,
 .countLabels,
-.xTicks {}
+.xTicks {
+}
 
 .selectionBand {
   fill: var(
@@ -185,7 +184,8 @@
 
   &:focus {
     border-color: var(--osdk-filter-input-focus-border);
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 

package/build/browser/filter-list/base/inputs/SingleDateInput.module.css

@@ -37,7 +37,8 @@
 
   &:focus {
     border-color: var(--osdk-filter-input-focus-border);
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 }

package/build/browser/filter-list/base/inputs/TimelineInput.module.css

@@ -69,7 +69,8 @@
 
   &:focus {
     border-color: var(--osdk-filter-input-focus-border);
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 }

package/build/browser/filter-list/base/inputs/shared.module.css

@@ -80,7 +80,8 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 

package/build/browser/object-table/MultiColumnSortDialog.module.css

@@ -118,7 +118,6 @@
   text-align: left;
 }
 
-
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;

package/build/browser/object-table/TableRow.module.css

@@ -38,16 +38,20 @@
   &:hover {
     z-index: 3;
     background-color: var(--osdk-table-row-bg-hover);
-    border-top: var(--osdk-table-border-width) solid var(--osdk-table-row-border-color-hover);
-    border-bottom: var(--osdk-table-border-width) solid var(--osdk-table-row-border-color-hover);
+    border-top: var(--osdk-table-border-width) solid
+      var(--osdk-table-row-border-color-hover);
+    border-bottom: var(--osdk-table-border-width) solid
+      var(--osdk-table-row-border-color-hover);
   }
 
   &[data-selected="true"],
   &[data-focused="true"] {
     z-index: 2;
     background-color: var(--osdk-table-row-bg-active);
-    border-top: var(--osdk-table-border-width) solid var(--osdk-table-row-border-color-active);
-    border-bottom: var(--osdk-table-border-width) solid var(--osdk-table-row-border-color-active);
+    border-top: var(--osdk-table-border-width) solid
+      var(--osdk-table-row-border-color-active);
+    border-bottom: var(--osdk-table-border-width) solid
+      var(--osdk-table-row-border-color-active);
   }
 
   &[data-selected="true"] + &[data-selected="true"] {

package/build/browser/pdf-viewer/components/PdfViewerOutlineSidebar.module.css

@@ -8,7 +8,6 @@
   overflow: hidden;
 }
 
-
 .scrollContainer {
   flex: 1;
   overflow-y: auto;
@@ -36,7 +35,10 @@
 }
 
 .outlineItem:hover {
-  background-color: var(--osdk-pdf-viewer-outline-item-hover-bg, rgba(0, 0, 0, 0.06));
+  background-color: var(
+    --osdk-pdf-viewer-outline-item-hover-bg,
+    rgba(0, 0, 0, 0.06)
+  );
 }
 
 .outlineItem:focus-visible {
@@ -45,8 +47,14 @@
 }
 
 .outlineItemActive {
-  background-color: var(--osdk-pdf-viewer-outline-item-active-bg, rgba(45, 114, 210, 0.1));
-  color: var(--osdk-pdf-viewer-outline-item-active-color, var(--osdk-intent-primary-rest));
+  background-color: var(
+    --osdk-pdf-viewer-outline-item-active-bg,
+    rgba(45, 114, 210, 0.1)
+  );
+  color: var(
+    --osdk-pdf-viewer-outline-item-active-color,
+    var(--osdk-intent-primary-rest)
+  );
   font-weight: var(--osdk-typography-weight-bold);
 }
 
@@ -86,4 +94,3 @@
   font-size: var(--osdk-typography-size-body-small);
   color: var(--osdk-typography-color-muted);
 }
-

package/build/browser/pdf-viewer/components/PdfViewerSidebar.module.css

@@ -8,7 +8,6 @@
   overflow: hidden;
 }
 
-
 .scrollContainer {
   flex: 1;
   overflow-y: auto;

package/build/browser/pdf-viewer/components/PdfViewerSidebarHeader.module.css

@@ -61,10 +61,19 @@
 }
 
 .modeButton[data-pressed] {
-  background-color: var(--osdk-pdf-viewer-outline-item-active-bg, rgba(45, 114, 210, 0.1));
-  color: var(--osdk-pdf-viewer-outline-item-active-color, var(--osdk-intent-primary-rest));
+  background-color: var(
+    --osdk-pdf-viewer-outline-item-active-bg,
+    rgba(45, 114, 210, 0.1)
+  );
+  color: var(
+    --osdk-pdf-viewer-outline-item-active-color,
+    var(--osdk-intent-primary-rest)
+  );
 }
 
 .modeButton[data-pressed]:hover {
-  background-color: var(--osdk-pdf-viewer-outline-item-active-bg, rgba(45, 114, 210, 0.1));
+  background-color: var(
+    --osdk-pdf-viewer-outline-item-active-bg,
+    rgba(45, 114, 210, 0.1)
+  );
 }

package/build/browser/shared/ErrorBoundary.module.css

@@ -21,18 +21,25 @@
   gap: var(--osdk-error-boundary-gap, 8px);
   padding: var(--osdk-error-boundary-padding, 8px);
   border-radius: var(--osdk-error-boundary-border-radius, 4px);
-  background-color: var(--osdk-error-boundary-bg, color-mix(in srgb, var(--osdk-intent-danger-rest, #c23030) 5%, transparent));
+  background-color: var(
+    --osdk-error-boundary-bg,
+    color-mix(in srgb, var(--osdk-intent-danger-rest, #c23030) 5%, transparent)
+  );
 }
 
 .errorMessage {
   margin: 0;
   font-size: var(--osdk-error-boundary-font-size, 13px);
-  color: var(--osdk-error-boundary-text-color, var(--osdk-intent-danger-rest, #c23030));
+  color: var(
+    --osdk-error-boundary-text-color,
+    var(--osdk-intent-danger-rest, #c23030)
+  );
 }
 
 .retryButton {
   padding: var(--osdk-error-boundary-button-padding, 4px 8px);
-  border: var(--osdk-surface-border-width, 1px) solid var(--osdk-error-boundary-button-border-color, currentColor);
+  border: var(--osdk-surface-border-width, 1px) solid
+    var(--osdk-error-boundary-button-border-color, currentColor);
   border-radius: var(--osdk-error-boundary-button-border-radius, 3px);
   background: transparent;
   font-size: var(--osdk-error-boundary-button-font-size, 12px);
@@ -41,11 +48,15 @@
   transition: background-color var(--osdk-filter-input-transition, 150ms ease);
 
   &:hover {
-    background-color: var(--osdk-error-boundary-button-hover-bg, color-mix(in srgb, currentColor 5%, transparent));
+    background-color: var(
+      --osdk-error-boundary-button-hover-bg,
+      color-mix(in srgb, currentColor 5%, transparent)
+    );
   }
 
   &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width, 2px) solid var(--osdk-filter-input-focus-outline-color, rgba(45, 114, 210, 0.6));
+    outline: var(--osdk-filter-input-focus-outline-width, 2px) solid
+      var(--osdk-filter-input-focus-outline-color, rgba(45, 114, 210, 0.6));
     outline-offset: var(--osdk-filter-input-focus-outline-offset, 2px);
   }
 

package/build/browser/shared/calendar/DateCalendar.module.css

@@ -239,7 +239,6 @@
   white-space: nowrap;
 }
 
-
 /* Caption dropdowns container */
 .calendarCaptionDropdowns {
   display: flex;
@@ -269,7 +268,6 @@
   }
 }
 
-
 .calendarTimeFooter {
   display: flex;
   justify-content: center;