@oracle/oraclejet-preact 17.1.4 → 17.1.5

package/cjs/{TableView-d91ebb19.js → TableView-3a1f0c38.js}

@@ -8,7 +8,7 @@ var useCollectionInteractionContext = require('./useCollectionInteractionContext
 var classNames = require('./classNames-c14c6ef3.js');
 var dimensions = require('./dimensions-10159104.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-var Table = require('./Table-d70de040.js');
+var Table = require('./Table-b137c360.js');
 
 const mergedInterpolations = mergeInterpolations.mergeInterpolations([
     ...Object.values(dimensions.dimensionInterpolations)
@@ -26,4 +26,4 @@ const TableView = compat.forwardRef(({ 'aria-label': ariaLabel, 'aria-labelledby
 });
 
 exports.TableView = TableView;
-//# sourceMappingURL=TableView-d91ebb19.js.map
+//# sourceMappingURL=TableView-3a1f0c38.js.map

package/cjs/{TableView-d91ebb19.js.map → TableView-3a1f0c38.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TableView-d91ebb19.js","sources":["../../src/UNSAFE_TableView/TableView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { JSXInternal } from 'preact/src/jsx';\nimport { Table } from '../PRIVATE_Table';\nimport { tableViewStyles } from './themes/TableViewStyles.css';\nimport { TableProps, TableViewHandle } from './Table.types';\nimport { useCollectionInteractionContext } from '../hooks/UNSAFE_useCollectionInteractionContext';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\n/**\n * Props specific to non-virtualized TableView\n */\ntype NonVirtualizedTableProps<K, D> = {\n  /**\n   * The data that is used to render each item in TableView.  If the value is null, then TableView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data?: D[];\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there is more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when the user scrolls to the end of the table.\n   */\n  onLoadMore?: () => void;\n};\n\n/**\n * Props for the TableView Component\n */\nexport type Props<K, D, C extends string> = TableProps<K, D, C> &\n  NonVirtualizedTableProps<K, D> &\n  DimensionProps &\n  TestIdProps;\n\nconst mergedInterpolations = mergeInterpolations<DimensionProps>([\n  ...Object.values(dimensionInterpolations)\n]);\n\n/**\n * Component that renders data in rows of columns.\n * This component is non-virtualized and renders all rows provided in the data prop.\n */\nexport const TableView = forwardRef(\n  <K extends string | number, D, C extends string>(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      getAccessibleRowHeaders,\n      children,\n      columns,\n      columnOrder,\n      columnWidths,\n      layout = 'contents',\n      data,\n      getRowKey,\n      hasMore = false,\n      onLoadMore,\n      currentCellOverride,\n      onPersistCurrentCell,\n      currentRowVariant,\n      gridlines = { horizontal: 'visible', vertical: 'hidden' },\n      selectionMode = { row: 'none', column: 'none' },\n      selected,\n      onSelectionChange,\n      onRowAction,\n      sortCriterion = [],\n      onSortCriterionChange,\n      horizontalScrollPositionOverride,\n      verticalScrollPositionOverride,\n      columnResizingIndicator,\n      onColumnResizing,\n      onColumnResize,\n      noDataRenderer,\n      testId,\n      ...dimensions\n    }: Props<K, D, C>,\n    ref?: ForwardedRef<TableViewHandle<K, C>>\n  ) => {\n    const isEmbedded = useCollectionInteractionContext() === 'embedded';\n    const rowVariant =\n      currentRowVariant != null ? currentRowVariant : isEmbedded ? 'highlight' : 'none';\n\n    const { ...mergedStyles } = mergedInterpolations(dimensions);\n    const tableViewClasses = classNames([tableViewStyles.base]);\n\n    return (\n      <div class={tableViewClasses} style={mergedStyles}>\n        <Table<K, D, C>\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          getAccessibleRowHeaders={getAccessibleRowHeaders}\n          children={children}\n          columns={columns}\n          columnOrder={columnOrder}\n          columnWidths={columnWidths}\n          layout={layout}\n          data={data}\n          getRowKey={getRowKey}\n          hasMore={hasMore}\n          onLoadMore={onLoadMore}\n          currentCellOverride={currentCellOverride}\n          onPersistCurrentCell={onPersistCurrentCell}\n          currentRowVariant={rowVariant}\n          gridlines={gridlines}\n          selectionMode={selectionMode}\n          selected={selected}\n          onSelectionChange={onSelectionChange}\n          onRowAction={onRowAction}\n          horizontalScrollPositionOverride={horizontalScrollPositionOverride}\n          verticalScrollPositionOverride={verticalScrollPositionOverride}\n          sortCriterion={sortCriterion}\n          onSortCriterionChange={onSortCriterionChange}\n          columnResizingIndicator={columnResizingIndicator}\n          onColumnResizing={onColumnResizing}\n          onColumnResize={onColumnResize}\n          noDataRenderer={noDataRenderer}\n          testId={testId}\n          ref={ref}\n        />\n      </div>\n    );\n  }\n) as <K extends string | number, D, C extends string>(\n  p: Props<K, D, C> & { ref?: ForwardedRef<TableViewHandle<K, C>> }\n) => JSXInternal.Element;\n"],"names":["mergeInterpolations","dimensionInterpolations","forwardRef","useCollectionInteractionContext","classNames","tableViewStyles","_jsx","Table"],"mappings":";;;;;;;;;;;;AAiDA,MAAM,oBAAoB,GAAGA,uCAAmB,CAAiB;AAC/D,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,kCAAuB,CAAC;AAC1C,CAAA,CAAC,CAAC;AAEH;;;AAGG;MACU,SAAS,GAAGC,iBAAU,CACjC,CACE,EACE,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,uBAAuB,EACvB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,YAAY,EACZ,MAAM,GAAG,UAAU,EACnB,IAAI,EACJ,SAAS,EACT,OAAO,GAAG,KAAK,EACf,UAAU,EACV,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACzD,aAAa,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAC/C,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,aAAa,GAAG,EAAE,EAClB,qBAAqB,EACrB,gCAAgC,EAChC,8BAA8B,EAC9B,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,MAAM,EACN,GAAG,UAAU,EACE,EACjB,GAAyC,KACvC;AACF,IAAA,MAAM,UAAU,GAAGC,+DAA+B,EAAE,KAAK,UAAU,CAAC;IACpE,MAAM,UAAU,GACd,iBAAiB,IAAI,IAAI,GAAG,iBAAiB,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;IAEpF,MAAM,EAAE,GAAG,YAAY,EAAE,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,gBAAgB,GAAGC,qBAAU,CAAC,CAACC,2DAAe,CAAC,IAAI,CAAC,CAAC,CAAC;AAE5D,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,EAAA,QAAA,EAC/CA,cAAC,CAAAC,WAAK,EACQ,EAAA,YAAA,EAAA,SAAS,EACJ,iBAAA,EAAA,cAAc,EAC/B,uBAAuB,EAAE,uBAAuB,EAChD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,UAAU,EAC7B,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,gCAAgC,EAAE,gCAAgC,EAClE,8BAA8B,EAAE,8BAA8B,EAC9D,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,qBAAqB,EAC5C,uBAAuB,EAAE,uBAAuB,EAChD,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,CAAA,EAAA,CACE,EACN;AACJ,CAAC;;;;"}
+{"version":3,"file":"TableView-3a1f0c38.js","sources":["../../src/UNSAFE_TableView/TableView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { JSXInternal } from 'preact/src/jsx';\nimport { Table } from '../PRIVATE_Table';\nimport { tableViewStyles } from './themes/TableViewStyles.css';\nimport { TableProps, TableViewHandle } from './Table.types';\nimport { useCollectionInteractionContext } from '../hooks/UNSAFE_useCollectionInteractionContext';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\n/**\n * Props specific to non-virtualized TableView\n */\ntype NonVirtualizedTableProps<K, D> = {\n  /**\n   * The data that is used to render each item in TableView.  If the value is null, then TableView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data?: D[];\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there is more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when the user scrolls to the end of the table.\n   */\n  onLoadMore?: () => void;\n};\n\n/**\n * Props for the TableView Component\n */\nexport type Props<K, D, C extends string> = TableProps<K, D, C> &\n  NonVirtualizedTableProps<K, D> &\n  DimensionProps &\n  TestIdProps;\n\nconst mergedInterpolations = mergeInterpolations<DimensionProps>([\n  ...Object.values(dimensionInterpolations)\n]);\n\n/**\n * Component that renders data in rows of columns.\n * This component is non-virtualized and renders all rows provided in the data prop.\n */\nexport const TableView = forwardRef(\n  <K extends string | number, D, C extends string>(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      getAccessibleRowHeaders,\n      children,\n      columns,\n      columnOrder,\n      columnWidths,\n      layout = 'contents',\n      data,\n      getRowKey,\n      hasMore = false,\n      onLoadMore,\n      currentCellOverride,\n      onPersistCurrentCell,\n      currentRowVariant,\n      gridlines = { horizontal: 'visible', vertical: 'hidden' },\n      selectionMode = { row: 'none', column: 'none' },\n      selected,\n      onSelectionChange,\n      onRowAction,\n      sortCriterion = [],\n      onSortCriterionChange,\n      horizontalScrollPositionOverride,\n      verticalScrollPositionOverride,\n      columnResizingIndicator,\n      onColumnResizing,\n      onColumnResize,\n      noDataRenderer,\n      testId,\n      ...dimensions\n    }: Props<K, D, C>,\n    ref?: ForwardedRef<TableViewHandle<K, C>>\n  ) => {\n    const isEmbedded = useCollectionInteractionContext() === 'embedded';\n    const rowVariant =\n      currentRowVariant != null ? currentRowVariant : isEmbedded ? 'highlight' : 'none';\n\n    const { ...mergedStyles } = mergedInterpolations(dimensions);\n    const tableViewClasses = classNames([tableViewStyles.base]);\n\n    return (\n      <div class={tableViewClasses} style={mergedStyles}>\n        <Table<K, D, C>\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          getAccessibleRowHeaders={getAccessibleRowHeaders}\n          children={children}\n          columns={columns}\n          columnOrder={columnOrder}\n          columnWidths={columnWidths}\n          layout={layout}\n          data={data}\n          getRowKey={getRowKey}\n          hasMore={hasMore}\n          onLoadMore={onLoadMore}\n          currentCellOverride={currentCellOverride}\n          onPersistCurrentCell={onPersistCurrentCell}\n          currentRowVariant={rowVariant}\n          gridlines={gridlines}\n          selectionMode={selectionMode}\n          selected={selected}\n          onSelectionChange={onSelectionChange}\n          onRowAction={onRowAction}\n          horizontalScrollPositionOverride={horizontalScrollPositionOverride}\n          verticalScrollPositionOverride={verticalScrollPositionOverride}\n          sortCriterion={sortCriterion}\n          onSortCriterionChange={onSortCriterionChange}\n          columnResizingIndicator={columnResizingIndicator}\n          onColumnResizing={onColumnResizing}\n          onColumnResize={onColumnResize}\n          noDataRenderer={noDataRenderer}\n          testId={testId}\n          ref={ref}\n        />\n      </div>\n    );\n  }\n) as <K extends string | number, D, C extends string>(\n  p: Props<K, D, C> & { ref?: ForwardedRef<TableViewHandle<K, C>> }\n) => JSXInternal.Element;\n"],"names":["mergeInterpolations","dimensionInterpolations","forwardRef","useCollectionInteractionContext","classNames","tableViewStyles","_jsx","Table"],"mappings":";;;;;;;;;;;;AAiDA,MAAM,oBAAoB,GAAGA,uCAAmB,CAAiB;AAC/D,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,kCAAuB,CAAC;AAC1C,CAAA,CAAC,CAAC;AAEH;;;AAGG;MACU,SAAS,GAAGC,iBAAU,CACjC,CACE,EACE,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,uBAAuB,EACvB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,YAAY,EACZ,MAAM,GAAG,UAAU,EACnB,IAAI,EACJ,SAAS,EACT,OAAO,GAAG,KAAK,EACf,UAAU,EACV,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACzD,aAAa,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAC/C,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,aAAa,GAAG,EAAE,EAClB,qBAAqB,EACrB,gCAAgC,EAChC,8BAA8B,EAC9B,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,MAAM,EACN,GAAG,UAAU,EACE,EACjB,GAAyC,KACvC;AACF,IAAA,MAAM,UAAU,GAAGC,+DAA+B,EAAE,KAAK,UAAU,CAAC;IACpE,MAAM,UAAU,GACd,iBAAiB,IAAI,IAAI,GAAG,iBAAiB,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;IAEpF,MAAM,EAAE,GAAG,YAAY,EAAE,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,gBAAgB,GAAGC,qBAAU,CAAC,CAACC,2DAAe,CAAC,IAAI,CAAC,CAAC,CAAC;AAE5D,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,EAAA,QAAA,EAC/CA,cAAC,CAAAC,WAAK,EACQ,EAAA,YAAA,EAAA,SAAS,EACJ,iBAAA,EAAA,cAAc,EAC/B,uBAAuB,EAAE,uBAAuB,EAChD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,UAAU,EAC7B,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,gCAAgC,EAAE,gCAAgC,EAClE,8BAA8B,EAAE,8BAA8B,EAC9D,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,qBAAqB,EAC5C,uBAAuB,EAAE,uBAAuB,EAChD,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,CAAA,EAAA,CACE,EACN;AACJ,CAAC;;;;"}

package/cjs/Theme-redwood/theme.css

@@ -26,11 +26,6 @@
   --notificationCrossAxisOffset__5h4cac1: 0px;
 }
 /* end:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
-.MenuSeparatorBaseTheme_baseTheme__bwp4nk0 {
-  --verticalPadding__168r8wj0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-}
-/* end:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
 /* start:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
 .TooltipContentBaseTheme_baseTheme__sanbbo0 {
   --maxWidth__1x922a00: ;
@@ -62,15 +57,20 @@
   --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
 /* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
-/* start:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
-.CheckboxBaseTheme_baseTheme__lptpwa0 {
-  --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --outlineWidth__1qyga5a0: 1px;
+/* start:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
+.MenuSeparatorBaseTheme_baseTheme__bwp4nk0 {
+  --verticalPadding__168r8wj0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
+/* end:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
+/* start:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
 :root, .oj-density-dependent {
-  --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-xs: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-sm: calc(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-md: calc(calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-lg: calc(calc(12 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-xl: calc(calc(16 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
 }
-/* end:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
+/* end:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
 /* start:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
 .CheckboxIconBaseTheme_baseTheme__1broikm0 {
   --iconSize__1denrfz0: initial;
@@ -79,6 +79,12 @@
   --iconTransformActive__1denrfz3: scale(0.75);
 }
 /* end:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
+/* start:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
+.SkeletonBaseTheme_baseTheme__afgqbw0 {
+  --bgColor-start__1mh02730: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.05);
+  --bgColor-end__1mh02731: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.15);
+}
+/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
 /* start:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
 .UserAssistanceBaseTheme_baseTheme__j8tei50 {
   --inlineTextColor__1n9ixz60: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
@@ -94,6 +100,15 @@
   --padding__2ugez74: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
 /* end:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
+/* start:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
+.CheckboxBaseTheme_baseTheme__lptpwa0 {
+  --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --outlineWidth__1qyga5a0: 1px;
+}
+:root, .oj-density-dependent {
+  --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+}
+/* end:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
 /* start:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
 .ComponentMessageBaseTheme_baseTheme__tgaz2j0 {
   --startIconColor__1aj7c360: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info);
@@ -254,26 +269,6 @@
   --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
 }
 /* end:UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css */
-/* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
-.MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
-  --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low, var(--oj-core-info-secondary-3));
-  --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
-  --startIconSize__l2hi9d2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
-  --summaryTextWeight__l2hi9d4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-font-weight, var(--oj-typography-subheading-xs-font-weight));
-  --summaryTextSize__l2hi9d5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-font-size, var(--oj-typography-subheading-xs-font-size));
-  --summaryLineHeight__l2hi9d6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-line-height);
-}
-/* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
-/* start:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
-:root, .oj-density-dependent {
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-xs: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-sm: calc(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-md: calc(calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-lg: calc(calc(12 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-card-view-gutter-size-xl: calc(calc(16 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
-}
-/* end:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
 /* start:UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css */
 .ButtonLabelLayoutBaseTheme_baseTheme__1wxhc8g0 {
   --textToEdgePadding__1onk43q3: ;
@@ -314,6 +309,17 @@
   --sizes-embeddedlg-textToEdgePadding__1onk43qz: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
 /* end:UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css */
+/* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
+.MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
+  --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low, var(--oj-core-info-secondary-3));
+  --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
+  --startIconSize__l2hi9d2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
+  --summaryTextWeight__l2hi9d4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-font-weight, var(--oj-typography-subheading-xs-font-weight));
+  --summaryTextSize__l2hi9d5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-font-size, var(--oj-typography-subheading-xs-font-size));
+  --summaryLineHeight__l2hi9d6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-line-height);
+}
+/* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
 /* start:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
 .LabelBaseTheme_baseTheme__mpxezv0 {
   --fontWeight__kn3t7f0: 600;
@@ -346,12 +352,6 @@
   --formLayoutTopEdgeLabelToValuePadding__kn3t7fb: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
 }
 /* end:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
-/* start:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
-.SkeletonBaseTheme_baseTheme__afgqbw0 {
-  --bgColor-start__1mh02730: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.05);
-  --bgColor-end__1mh02731: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.15);
-}
-/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
 /* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
 .FormLayoutBaseTheme_baseTheme__sm2a4g0 {
   --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
@@ -394,30 +394,12 @@
   --textColorVisited__1w21kyl7: var(--textColor__1w21kyl5);
 }
 /* end:UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css */
-/* start:PRIVATE_Table/themes/redwood/TableBaseTheme.styles.css */
-.TableBaseTheme_baseTheme__10g2zer0 {
-  --gridlineWidth__efrfp90: 1px;
-}
-:root, .oj-density-dependent {
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-row-height: calc(calc(12 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-cell-padding-vertical: calc(calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-cell-padding-horizontal: calc(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-header-row-height: calc(calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-header-cell-padding-vertical: calc(calc(1.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
-  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-header-cell-padding-horizontal: calc(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)));
-}
-/* end:PRIVATE_Table/themes/redwood/TableBaseTheme.styles.css */
 /* start:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
 .ButtonLayoutBaseTheme_baseTheme__8fzs170 {
   --spacing-lg-columnGap__rt5x5j0: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
   --spacing-sm-columnGap__rt5x5j1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem);
 }
 /* end:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
-/* start:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
-.ConveyorBeltBaseTheme_baseTheme__1ktowgq0 {
-  --boxShadow-width__114pbvl0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem);
-}
-/* end:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
 /* start:UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.styles.css */
 .DatePickerBaseTheme_baseTheme__tg9grh0 {
   --width__1wy4iwf0: 100%;
@@ -429,11 +411,29 @@
   --todayFooterButtonHeight__1wy4iwf6: calc(102 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
 /* end:UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.styles.css */
+/* start:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
+.ConveyorBeltBaseTheme_baseTheme__1ktowgq0 {
+  --boxShadow-width__114pbvl0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem);
+}
+/* end:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
 /* start:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
 .DrawerPopupBaseTheme_baseTheme__11hfduf0 {
   --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral10);
 }
 /* end:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
+/* start:PRIVATE_Table/themes/redwood/TableBaseTheme.styles.css */
+.TableBaseTheme_baseTheme__10g2zer0 {
+  --gridlineWidth__efrfp90: 1px;
+}
+:root, .oj-density-dependent {
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-row-height: calc(calc(12 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-cell-padding-vertical: calc(calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-cell-padding-horizontal: calc(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-header-row-height: calc(calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-header-cell-padding-vertical: calc(calc(1.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px));
+  --oj-c-EXPERIMENTAL-DO-NOT-USE-table-header-cell-padding-horizontal: calc(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)));
+}
+/* end:PRIVATE_Table/themes/redwood/TableBaseTheme.styles.css */
 /* start:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
 .DrawerLayoutBaseTheme_baseTheme__qqda4t0 {
   --overlayDrawerBackgroundColor__37aqbl0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral10);
@@ -517,13 +517,6 @@
   --shapes-circle-borderRadius__n2nsgo21: 50%;
 }
 /* end:UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css */
-/* start:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
-.FilePickerBaseTheme_baseTheme__gjv4mp0 {
-  --borderColor__12s6ppx0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
-  --borderRadius__12s6ppx1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-xl);
-  --borderWidth__12s6ppx2: 1px;
-}
-/* end:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
 /* start:UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.styles.css */
 .BadgeThemeBaseTheme_baseTheme__lng3910 {
   --backgroundColor__88ut8n0: ;
@@ -572,6 +565,13 @@
   --sizes-md-padding__88ut8n17: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
 /* end:UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.styles.css */
+/* start:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
+.FilePickerBaseTheme_baseTheme__gjv4mp0 {
+  --borderColor__12s6ppx0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
+  --borderRadius__12s6ppx1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-xl);
+  --borderWidth__12s6ppx2: 1px;
+}
+/* end:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
 /* start:UNSAFE_FormLayout/themes/redwood/FormLayoutBaseTheme.styles.css */
 .FormLayoutBaseTheme_baseTheme__1sotkej0 {
   --maxColumnWidth__pa4rfz0: 448px;
@@ -623,6 +623,15 @@
   --footerBorderColor__9f8o6ik: transparent;
 }
 /* end:UNSAFE_Dialog/themes/redwood/DialogBaseTheme.styles.css */
+/* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
+.MeterBarBaseTheme_baseTheme__1n8hfuv0 {
+  --size__saju1q0: ;
+  --sizes-lg__saju1q1: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --sizes-md__saju1q2: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+  --sizes-sm__saju1q3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem);
+  --sizes-fit__saju1q4: 100%;
+}
+/* end:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 /* start:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
 .MeterCircleBaseTheme_baseTheme__jo6utu0 {
   --size__1qest1m0: ;
@@ -637,15 +646,6 @@
   --trackSizes-fit__1qest1m9: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
 }
 /* end:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
-/* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
-.MeterBarBaseTheme_baseTheme__1n8hfuv0 {
-  --size__saju1q0: ;
-  --sizes-lg__saju1q1: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --sizes-md__saju1q2: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
-  --sizes-sm__saju1q3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem);
-  --sizes-fit__saju1q4: 100%;
-}
-/* end:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 /* start:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
 .RadioIconBaseTheme_baseTheme__1j9fixc0 {
   --iconSize__bwcdcl0: var(--iconSize__bwcdcl0);