@workbench-kit/react 0.0.2-prototype.0.2.4 → 0.0.2-prototype.0.2.6

package/src/workbench/settings/sectionedPanelScrollSpy.ts

@@ -1,273 +1,273 @@
-export const WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_OFFSET = 24;
-export const WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_ACTIVE_LINE_BIAS = 20;
-export const WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD = 2;
-/** Fixed-duration programmatic section scroll (smooth tab/nav clicks). */
-export const WORKBENCH_SECTIONED_PANEL_PROGRAMMATIC_SCROLL_SETTLE_MS_SMOOTH = 700;
-export const WORKBENCH_SECTIONED_PANEL_PROGRAMMATIC_SCROLL_SETTLE_MS_INSTANT = 0;
-
-export function resolveWorkbenchSectionedPanelProgrammaticScrollSettleMs(
-  behavior: ScrollBehavior = 'smooth',
-): number {
-  return behavior === 'smooth'
-    ? WORKBENCH_SECTIONED_PANEL_PROGRAMMATIC_SCROLL_SETTLE_MS_SMOOTH
-    : WORKBENCH_SECTIONED_PANEL_PROGRAMMATIC_SCROLL_SETTLE_MS_INSTANT;
-}
-
-export function resolveWorkbenchSectionedPanelClampedScrollTarget({
-  clientSize,
-  scrollSize,
-  targetScrollPosition,
-}: {
-  clientSize: number;
-  scrollSize: number;
-  targetScrollPosition: number;
-}): number {
-  const maxScroll = Math.max(0, scrollSize - clientSize);
-  return Math.min(Math.max(0, targetScrollPosition), maxScroll);
-}
-
-export const WORKBENCH_SECTIONED_PANEL_INTERSECTION_THRESHOLDS = [0, 0.25, 0.5, 0.75, 1] as const;
-
-export type WorkbenchSectionedPanelScrollSpyAxis = 'vertical' | 'horizontal';
-
-export interface WorkbenchSectionedPanelIntersectionEntry {
-  intersectionRatio: number;
-  isIntersecting: boolean;
-  target: { id: string };
-}
-
-export interface WorkbenchSectionedPanelScrollPosition {
-  anchorId: string;
-  /** Section start along the active scroll axis (top or left). */
-  start: number;
-  /** Section end along the active scroll axis (bottom or right). */
-  end: number;
-}
-
-export interface WorkbenchSectionedPanelScrollMetrics {
-  clientSize: number;
-  scrollPosition: number;
-  scrollSize: number;
-}
-
-export function readWorkbenchSectionedPanelScrollMetrics(
-  element: HTMLElement,
-  axis: WorkbenchSectionedPanelScrollSpyAxis = 'vertical',
-): WorkbenchSectionedPanelScrollMetrics {
-  if (axis === 'horizontal') {
-    return {
-      clientSize: element.clientWidth,
-      scrollSize: element.scrollWidth,
-      scrollPosition: element.scrollLeft,
-    };
-  }
-
-  return {
-    clientSize: element.clientHeight,
-    scrollSize: element.scrollHeight,
-    scrollPosition: element.scrollTop,
-  };
-}
-
-export function isWorkbenchSectionedPanelScrollable({
-  axis = 'vertical',
-  clientSize,
-  scrollSize,
-  threshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
-}: {
-  axis?: WorkbenchSectionedPanelScrollSpyAxis | undefined;
-  clientSize: number;
-  scrollSize: number;
-  threshold?: number | undefined;
-}): boolean {
-  void axis;
-  return scrollSize > clientSize + threshold;
-}
-
-export function isWorkbenchSectionedPanelAtScrollStart({
-  scrollPosition,
-  startThreshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
-}: {
-  scrollPosition: number;
-  startThreshold?: number | undefined;
-}): boolean {
-  return scrollPosition <= startThreshold;
-}
-
-export function isWorkbenchSectionedPanelAtScrollEnd({
-  bottomThreshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
-  clientSize,
-  scrollPosition,
-  scrollSize,
-}: {
-  bottomThreshold?: number | undefined;
-  clientSize: number;
-  scrollPosition: number;
-  scrollSize: number;
-}): boolean {
-  return scrollPosition + clientSize >= scrollSize - bottomThreshold;
-}
-
-/** @deprecated Use `isWorkbenchSectionedPanelAtScrollStart`. */
-export function isWorkbenchSectionedPanelAtScrollTop({
-  scrollTop,
-  topThreshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
-}: {
-  scrollTop: number;
-  topThreshold?: number | undefined;
-}): boolean {
-  return isWorkbenchSectionedPanelAtScrollStart({
-    scrollPosition: scrollTop,
-    startThreshold: topThreshold,
-  });
-}
-
-/** @deprecated Use `isWorkbenchSectionedPanelAtScrollEnd`. */
-export function isWorkbenchSectionedPanelAtScrollBottom({
-  bottomThreshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
-  clientHeight,
-  scrollHeight,
-  scrollTop,
-}: {
-  bottomThreshold?: number | undefined;
-  clientHeight: number;
-  scrollHeight: number;
-  scrollTop: number;
-}): boolean {
-  return isWorkbenchSectionedPanelAtScrollEnd({
-    bottomThreshold,
-    clientSize: clientHeight,
-    scrollPosition: scrollTop,
-    scrollSize: scrollHeight,
-  });
-}
-
-export function resolveWorkbenchSectionedPanelActiveAnchorFromIntersection({
-  anchorOrder,
-  entries,
-  fallbackAnchorId,
-}: {
-  anchorOrder: readonly string[];
-  entries: readonly WorkbenchSectionedPanelIntersectionEntry[];
-  fallbackAnchorId?: string | undefined;
-}): string | undefined {
-  const intersectingAnchorIds = new Set(
-    entries
-      .filter((entry) => entry.isIntersecting && entry.target.id)
-      .map((entry) => entry.target.id),
-  );
-
-  if (intersectingAnchorIds.size === 0) {
-    return fallbackAnchorId;
-  }
-
-  let nextActive = fallbackAnchorId;
-
-  for (const anchorId of anchorOrder) {
-    if (intersectingAnchorIds.has(anchorId)) {
-      nextActive = anchorId;
-    }
-  }
-
-  return nextActive ?? fallbackAnchorId;
-}
-
-export function resolveWorkbenchSectionedPanelActiveAnchorFromScroll({
-  activeLineBias = WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_ACTIVE_LINE_BIAS,
-  anchorOrder,
-  clientSize,
-  fallbackAnchorId,
-  offset = WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_OFFSET,
-  scrollPosition,
-  scrollSize,
-  sectionPositions,
-}: {
-  activeLineBias?: number | undefined;
-  anchorOrder: readonly string[];
-  clientSize: number;
-  fallbackAnchorId?: string | undefined;
-  offset?: number | undefined;
-  scrollPosition: number;
-  scrollSize: number;
-  sectionPositions: readonly WorkbenchSectionedPanelScrollPosition[];
-}): string | undefined {
-  if (sectionPositions.length === 0) return fallbackAnchorId;
-
-  const firstAnchorId = anchorOrder[0];
-  const lastAnchorId = anchorOrder[anchorOrder.length - 1];
-
-  if (isWorkbenchSectionedPanelAtScrollStart({ scrollPosition })) {
-    return firstAnchorId ?? fallbackAnchorId;
-  }
-
-  if (
-    isWorkbenchSectionedPanelAtScrollEnd({
-      clientSize,
-      scrollPosition,
-      scrollSize,
-    })
-  ) {
-    return lastAnchorId ?? fallbackAnchorId;
-  }
-
-  const activeLine = scrollPosition + offset + activeLineBias;
-  let nextActive = sectionPositions[0]?.anchorId ?? fallbackAnchorId;
-
-  for (const section of sectionPositions) {
-    if (section.start <= activeLine) {
-      nextActive = section.anchorId;
-    }
-  }
-
-  return nextActive ?? fallbackAnchorId;
-}
-
-export function shouldPreserveNavClickActiveAnchor({
-  pinnedScrollPosition,
-  pinnedScrollSize,
-  scrollPosition,
-  scrollSize,
-  threshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
-}: {
-  pinnedScrollPosition: number;
-  pinnedScrollSize: number;
-  scrollPosition: number;
-  scrollSize: number;
-  threshold?: number | undefined;
-}): boolean {
-  return (
-    Math.abs(scrollPosition - pinnedScrollPosition) <= threshold && scrollSize === pinnedScrollSize
-  );
-}
-
-export function resolveWorkbenchSectionedPanelScrollTarget({
-  offset = WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_OFFSET,
-  sectionStart,
-}: {
-  offset?: number | undefined;
-  sectionStart: number;
-}): number {
-  return Math.max(0, sectionStart - offset);
-}
-
-/** @deprecated Use `resolveWorkbenchSectionedPanelScrollTarget`. */
-export function resolveWorkbenchSectionedPanelScrollTop({
-  offset = WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_OFFSET,
-  sectionTop,
-}: {
-  offset?: number | undefined;
-  sectionTop: number;
-}): number {
-  return resolveWorkbenchSectionedPanelScrollTarget({ offset, sectionStart: sectionTop });
-}
-
-export function createWorkbenchSectionedPanelIntersectionRootMargin(
-  offset = WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_OFFSET,
-  axis: WorkbenchSectionedPanelScrollSpyAxis = 'vertical',
-) {
-  if (axis === 'horizontal') {
-    return `0px -55% 0px -${offset}px`;
-  }
-
-  return `-${offset}px 0px -55% 0px`;
-}
+export const WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_OFFSET = 24;
+export const WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_ACTIVE_LINE_BIAS = 20;
+export const WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD = 2;
+/** Fixed-duration programmatic section scroll (smooth tab/nav clicks). */
+export const WORKBENCH_SECTIONED_PANEL_PROGRAMMATIC_SCROLL_SETTLE_MS_SMOOTH = 700;
+export const WORKBENCH_SECTIONED_PANEL_PROGRAMMATIC_SCROLL_SETTLE_MS_INSTANT = 0;
+
+export function resolveWorkbenchSectionedPanelProgrammaticScrollSettleMs(
+  behavior: ScrollBehavior = 'smooth',
+): number {
+  return behavior === 'smooth'
+    ? WORKBENCH_SECTIONED_PANEL_PROGRAMMATIC_SCROLL_SETTLE_MS_SMOOTH
+    : WORKBENCH_SECTIONED_PANEL_PROGRAMMATIC_SCROLL_SETTLE_MS_INSTANT;
+}
+
+export function resolveWorkbenchSectionedPanelClampedScrollTarget({
+  clientSize,
+  scrollSize,
+  targetScrollPosition,
+}: {
+  clientSize: number;
+  scrollSize: number;
+  targetScrollPosition: number;
+}): number {
+  const maxScroll = Math.max(0, scrollSize - clientSize);
+  return Math.min(Math.max(0, targetScrollPosition), maxScroll);
+}
+
+export const WORKBENCH_SECTIONED_PANEL_INTERSECTION_THRESHOLDS = [0, 0.25, 0.5, 0.75, 1] as const;
+
+export type WorkbenchSectionedPanelScrollSpyAxis = 'vertical' | 'horizontal';
+
+export interface WorkbenchSectionedPanelIntersectionEntry {
+  intersectionRatio: number;
+  isIntersecting: boolean;
+  target: { id: string };
+}
+
+export interface WorkbenchSectionedPanelScrollPosition {
+  anchorId: string;
+  /** Section start along the active scroll axis (top or left). */
+  start: number;
+  /** Section end along the active scroll axis (bottom or right). */
+  end: number;
+}
+
+export interface WorkbenchSectionedPanelScrollMetrics {
+  clientSize: number;
+  scrollPosition: number;
+  scrollSize: number;
+}
+
+export function readWorkbenchSectionedPanelScrollMetrics(
+  element: HTMLElement,
+  axis: WorkbenchSectionedPanelScrollSpyAxis = 'vertical',
+): WorkbenchSectionedPanelScrollMetrics {
+  if (axis === 'horizontal') {
+    return {
+      clientSize: element.clientWidth,
+      scrollSize: element.scrollWidth,
+      scrollPosition: element.scrollLeft,
+    };
+  }
+
+  return {
+    clientSize: element.clientHeight,
+    scrollSize: element.scrollHeight,
+    scrollPosition: element.scrollTop,
+  };
+}
+
+export function isWorkbenchSectionedPanelScrollable({
+  axis = 'vertical',
+  clientSize,
+  scrollSize,
+  threshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
+}: {
+  axis?: WorkbenchSectionedPanelScrollSpyAxis | undefined;
+  clientSize: number;
+  scrollSize: number;
+  threshold?: number | undefined;
+}): boolean {
+  void axis;
+  return scrollSize > clientSize + threshold;
+}
+
+export function isWorkbenchSectionedPanelAtScrollStart({
+  scrollPosition,
+  startThreshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
+}: {
+  scrollPosition: number;
+  startThreshold?: number | undefined;
+}): boolean {
+  return scrollPosition <= startThreshold;
+}
+
+export function isWorkbenchSectionedPanelAtScrollEnd({
+  bottomThreshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
+  clientSize,
+  scrollPosition,
+  scrollSize,
+}: {
+  bottomThreshold?: number | undefined;
+  clientSize: number;
+  scrollPosition: number;
+  scrollSize: number;
+}): boolean {
+  return scrollPosition + clientSize >= scrollSize - bottomThreshold;
+}
+
+/** @deprecated Use `isWorkbenchSectionedPanelAtScrollStart`. */
+export function isWorkbenchSectionedPanelAtScrollTop({
+  scrollTop,
+  topThreshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
+}: {
+  scrollTop: number;
+  topThreshold?: number | undefined;
+}): boolean {
+  return isWorkbenchSectionedPanelAtScrollStart({
+    scrollPosition: scrollTop,
+    startThreshold: topThreshold,
+  });
+}
+
+/** @deprecated Use `isWorkbenchSectionedPanelAtScrollEnd`. */
+export function isWorkbenchSectionedPanelAtScrollBottom({
+  bottomThreshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
+  clientHeight,
+  scrollHeight,
+  scrollTop,
+}: {
+  bottomThreshold?: number | undefined;
+  clientHeight: number;
+  scrollHeight: number;
+  scrollTop: number;
+}): boolean {
+  return isWorkbenchSectionedPanelAtScrollEnd({
+    bottomThreshold,
+    clientSize: clientHeight,
+    scrollPosition: scrollTop,
+    scrollSize: scrollHeight,
+  });
+}
+
+export function resolveWorkbenchSectionedPanelActiveAnchorFromIntersection({
+  anchorOrder,
+  entries,
+  fallbackAnchorId,
+}: {
+  anchorOrder: readonly string[];
+  entries: readonly WorkbenchSectionedPanelIntersectionEntry[];
+  fallbackAnchorId?: string | undefined;
+}): string | undefined {
+  const intersectingAnchorIds = new Set(
+    entries
+      .filter((entry) => entry.isIntersecting && entry.target.id)
+      .map((entry) => entry.target.id),
+  );
+
+  if (intersectingAnchorIds.size === 0) {
+    return fallbackAnchorId;
+  }
+
+  let nextActive = fallbackAnchorId;
+
+  for (const anchorId of anchorOrder) {
+    if (intersectingAnchorIds.has(anchorId)) {
+      nextActive = anchorId;
+    }
+  }
+
+  return nextActive ?? fallbackAnchorId;
+}
+
+export function resolveWorkbenchSectionedPanelActiveAnchorFromScroll({
+  activeLineBias = WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_ACTIVE_LINE_BIAS,
+  anchorOrder,
+  clientSize,
+  fallbackAnchorId,
+  offset = WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_OFFSET,
+  scrollPosition,
+  scrollSize,
+  sectionPositions,
+}: {
+  activeLineBias?: number | undefined;
+  anchorOrder: readonly string[];
+  clientSize: number;
+  fallbackAnchorId?: string | undefined;
+  offset?: number | undefined;
+  scrollPosition: number;
+  scrollSize: number;
+  sectionPositions: readonly WorkbenchSectionedPanelScrollPosition[];
+}): string | undefined {
+  if (sectionPositions.length === 0) return fallbackAnchorId;
+
+  const firstAnchorId = anchorOrder[0];
+  const lastAnchorId = anchorOrder[anchorOrder.length - 1];
+
+  if (isWorkbenchSectionedPanelAtScrollStart({ scrollPosition })) {
+    return firstAnchorId ?? fallbackAnchorId;
+  }
+
+  if (
+    isWorkbenchSectionedPanelAtScrollEnd({
+      clientSize,
+      scrollPosition,
+      scrollSize,
+    })
+  ) {
+    return lastAnchorId ?? fallbackAnchorId;
+  }
+
+  const activeLine = scrollPosition + offset + activeLineBias;
+  let nextActive = sectionPositions[0]?.anchorId ?? fallbackAnchorId;
+
+  for (const section of sectionPositions) {
+    if (section.start <= activeLine) {
+      nextActive = section.anchorId;
+    }
+  }
+
+  return nextActive ?? fallbackAnchorId;
+}
+
+export function shouldPreserveNavClickActiveAnchor({
+  pinnedScrollPosition,
+  pinnedScrollSize,
+  scrollPosition,
+  scrollSize,
+  threshold = WORKBENCH_SECTIONED_PANEL_SCROLL_THRESHOLD,
+}: {
+  pinnedScrollPosition: number;
+  pinnedScrollSize: number;
+  scrollPosition: number;
+  scrollSize: number;
+  threshold?: number | undefined;
+}): boolean {
+  return (
+    Math.abs(scrollPosition - pinnedScrollPosition) <= threshold && scrollSize === pinnedScrollSize
+  );
+}
+
+export function resolveWorkbenchSectionedPanelScrollTarget({
+  offset = WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_OFFSET,
+  sectionStart,
+}: {
+  offset?: number | undefined;
+  sectionStart: number;
+}): number {
+  return Math.max(0, sectionStart - offset);
+}
+
+/** @deprecated Use `resolveWorkbenchSectionedPanelScrollTarget`. */
+export function resolveWorkbenchSectionedPanelScrollTop({
+  offset = WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_OFFSET,
+  sectionTop,
+}: {
+  offset?: number | undefined;
+  sectionTop: number;
+}): number {
+  return resolveWorkbenchSectionedPanelScrollTarget({ offset, sectionStart: sectionTop });
+}
+
+export function createWorkbenchSectionedPanelIntersectionRootMargin(
+  offset = WORKBENCH_SECTIONED_PANEL_SCROLL_SPY_OFFSET,
+  axis: WorkbenchSectionedPanelScrollSpyAxis = 'vertical',
+) {
+  if (axis === 'horizontal') {
+    return `0px -55% 0px -${offset}px`;
+  }
+
+  return `-${offset}px 0px -55% 0px`;
+}

package/src/workbench/settings/settings-responsive.css

@@ -1,58 +1,58 @@
-@media (max-width: 760px) {
-  .workbench-settings-modal {
-    --ui-modal-max-width: 100vw;
-    --ui-modal-max-height: 100vh;
-  }
-
-  .ui-workbench-navigation-panel,
-  .ui-workbench-navigation-panel[data-has-nav='true'] {
-    grid-template-columns: minmax(0, 1fr);
-    grid-template-rows: auto minmax(0, 1fr);
-  }
-
-  .ui-workbench-navigation-panel__nav {
-    height: auto;
-    border-right: 0;
-    border-bottom: 1px solid var(--color-border);
-  }
-
-  .ui-workbench-navigation-panel__nav-scroll.ui-scroll-area--vertical {
-    overflow-x: auto;
-    overflow-y: hidden;
-  }
-
-  .workbench-settings-sidebar {
-    flex-direction: row;
-    padding: 8px 12px;
-    border-bottom: 0;
-  }
-
-  .workbench-settings-nav-item {
-    width: auto;
-    flex: 0 0 auto;
-  }
-
-  .workbench-settings-content > .ui-workbench-navigation-panel__content-scroll > * {
-    padding-inline: var(--workbench-panel-padding-inline-compact);
-  }
-
-  .ui-workbench-sectioned-panel__nav {
-    display: flex;
-    padding: 8px 0;
-  }
-
-  .ui-workbench-section-tab-panel__scroll,
-  .ui-workbench-sectioned-panel__scroll {
-    padding-left: var(--workbench-panel-padding-inline-compact);
-  }
-
-  .ui-workbench-structured-data-form__section {
-    max-width: none;
-    padding: var(--workbench-panel-padding-block-start)
-      var(--workbench-panel-padding-inline-compact) var(--workbench-panel-padding-block-end);
-  }
-
-  .ui-workbench-structured-data-form__actions {
-    padding-inline: 12px;
-  }
-}
+@media (max-width: 760px) {
+  .workbench-settings-modal {
+    --ui-modal-max-width: 100vw;
+    --ui-modal-max-height: 100vh;
+  }
+
+  .ui-workbench-navigation-panel,
+  .ui-workbench-navigation-panel[data-has-nav='true'] {
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: auto minmax(0, 1fr);
+  }
+
+  .ui-workbench-navigation-panel__nav {
+    height: auto;
+    border-right: 0;
+    border-bottom: 1px solid var(--color-border);
+  }
+
+  .ui-workbench-navigation-panel__nav-scroll.ui-scroll-area--vertical {
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+
+  .workbench-settings-sidebar {
+    flex-direction: row;
+    padding: 8px 12px;
+    border-bottom: 0;
+  }
+
+  .workbench-settings-nav-item {
+    width: auto;
+    flex: 0 0 auto;
+  }
+
+  .workbench-settings-content > .ui-workbench-navigation-panel__content-scroll > * {
+    padding-inline: var(--workbench-panel-padding-inline-compact);
+  }
+
+  .ui-workbench-sectioned-panel__nav {
+    display: flex;
+    padding: 8px 0;
+  }
+
+  .ui-workbench-section-tab-panel__scroll,
+  .ui-workbench-sectioned-panel__scroll {
+    padding-left: var(--workbench-panel-padding-inline-compact);
+  }
+
+  .ui-workbench-structured-data-form__section {
+    max-width: none;
+    padding: var(--workbench-panel-padding-block-start)
+      var(--workbench-panel-padding-inline-compact) var(--workbench-panel-padding-block-end);
+  }
+
+  .ui-workbench-structured-data-form__actions {
+    padding-inline: 12px;
+  }
+}

package/src/workbench/settings/settings.css

@@ -1,11 +1,11 @@
-/* workbench/settings feature styles — Plan A import hub */
-@import './navigation-panel.css';
-@import './sectioned-panel.css';
-@import './section-tab-panel.css';
-@import './structured-data-schema-panel.css';
-@import './structured-data-table-view.css';
-@import './panel-region.css';
-@import './schema-form.css';
-@import './structured-data-form.css';
-@import './workbench-settings-modal.css';
-@import './settings-responsive.css';
+/* workbench/settings feature styles — Plan A import hub */
+@import './navigation-panel.css';
+@import './sectioned-panel.css';
+@import './section-tab-panel.css';
+@import './structured-data-schema-panel.css';
+@import './structured-data-table-view.css';
+@import './panel-region.css';
+@import './schema-form.css';
+@import './structured-data-form.css';
+@import './workbench-settings-modal.css';
+@import './settings-responsive.css';