@codecademy/gamut 72.2.2-alpha.a3d3a3.0 → 72.2.2-alpha.ae087f.0

package/dist/DataList/Tables/Rows/TableHeaderRow.js

@@ -2,6 +2,7 @@ import { memo } from 'react';
 import { FlexBox } from '../../..';
 import { ListCol } from '../../../List';
 import { useListContext } from '../../../List/ListProvider';
+import { DEFAULT_COLUMN_SIZE } from '../../constants';
 import { ExpandControl, FilterControl, SelectControl, SortControl } from '../../Controls';
 import { useControlContext } from '../../hooks/useListControls';
 import { useListState } from '../../hooks/useListState';
@@ -45,6 +46,7 @@ export const TableHeaderRow = ({
       header,
       sortable,
       filters,
+      size,
       ...colProps
     }) => {
       const rowProperty = key;
@@ -56,6 +58,7 @@ export const TableHeaderRow = ({
         ...colProps,
         "aria-sort": sortable ? ariaSortDirection : undefined,
         columnHeader: true,
+        size: size ?? DEFAULT_COLUMN_SIZE,
         children: /*#__PURE__*/_jsxs(FlexBox, {
           alignItems: selectable ? 'center' : 'flex-end',
           gap: 8,

package/dist/DataList/Tables/Rows/TableRow.js

@@ -3,6 +3,7 @@ import { Text } from '../../..';
 import { ListCol, ListRow } from '../../../List';
 import { useListContext } from '../../../List/ListProvider';
 import { Shimmer } from '../../../Loading/Shimmer';
+import { DEFAULT_COLUMN_SIZE } from '../../constants';
 import { ExpandControl, SelectControl } from '../../Controls';
 import { useControlContext } from '../../hooks/useListControls';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -90,7 +91,7 @@ export const TableRow = ({
       const newKey = prefixId(`${id}-col-${String(key)}`);
       const colProps = {
         ...listColProps,
-        size,
+        size: size ?? DEFAULT_COLUMN_SIZE,
         justify,
         fill,
         type

package/dist/DataList/constants.d.ts

@@ -0,0 +1,2 @@
+import { DataGridColumnSize } from './types';
+export declare const DEFAULT_COLUMN_SIZE: DataGridColumnSize;

package/dist/DataList/constants.js

@@ -0,0 +1 @@
+export const DEFAULT_COLUMN_SIZE = 'md';

package/dist/DataList/types.d.ts

@@ -53,6 +53,7 @@ export type FilterOption = string | {
     text: string;
     value: string;
 };
+export type DataGridColumnSize = Exclude<ListColProps['size'], 'content'>;
 export interface ColumnConfig<T> {
     key: keyof T;
     /**
@@ -61,7 +62,7 @@ export interface ColumnConfig<T> {
      */
     header?: string;
     type?: ListColProps['type'];
-    size?: Exclude<ListColProps['size'], 'content'>;
+    size?: DataGridColumnSize;
     render?: (row: T) => ReactElement<any, any> | null;
     sortable?: boolean;
     filters?: string[];

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "72.2.2-alpha.a3d3a3.0",
+  "version": "72.2.2-alpha.ae087f.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bin": "./bin/gamut.mjs",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.57.10-alpha.a3d3a3.0",
-    "@codecademy/gamut-illustrations": "0.58.16-alpha.a3d3a3.0",
-    "@codecademy/gamut-patterns": "0.10.35-alpha.a3d3a3.0",
-    "@codecademy/gamut-styles": "20.0.3-alpha.a3d3a3.0",
-    "@codecademy/variance": "0.26.2-alpha.a3d3a3.0",
+    "@codecademy/gamut-icons": "9.57.10-alpha.ae087f.0",
+    "@codecademy/gamut-illustrations": "0.58.16-alpha.ae087f.0",
+    "@codecademy/gamut-patterns": "0.10.35-alpha.ae087f.0",
+    "@codecademy/gamut-styles": "20.0.3-alpha.ae087f.0",
+    "@codecademy/variance": "0.26.2-alpha.ae087f.0",
     "@formatjs/intl-locale": "5.3.1",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",