@apify/ui-library 1.145.16 → 1.145.18

package/src/components/table/table_wrapper.tsx

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import { useCallback, useEffect, useRef } from 'react';
 
-import { Box } from '../box';
+import { Box } from '../box/index.js';
 import { StyledHorizontallyScrollableTableWrapper, StyledTableFooterWrapper, tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';
 import type { HorizontallyScrollableTableWrapperProps } from './table.types';

package/src/components/tabs/tab.tsx

@@ -9,12 +9,12 @@ import { theme } from '../../design_system/theme.js';
 import type { WithTransientProps } from '../../type_utils';
 import type { FlattenSimpleInterpolation } from '../../utils/type_utils';
 import type { BadgeSize } from '../badge';
-import { Badge } from '../badge';
+import { Badge } from '../badge/index.js';
 import type { MarginSpacingProps, RegularBoxProps } from '../box';
 import type { RegularLinkProps } from '../link';
-import { Link } from '../link';
-import { Text } from '../text';
+import { Link } from '../link/index.js';
 import type { SharedTextSize } from '../text';
+import { Text } from '../text/index.js';
 
 type SharedTabProps = Omit<RegularBoxProps, 'as' | 'onClick'> &
     MarginSpacingProps &

package/src/components/tabs/tabs.tsx

@@ -7,7 +7,7 @@ import type { WithTransientProps } from '../../type_utils';
 import { useResizeObserverSsr } from '../../utils/resize_observer.js';
 import type { FlattenSimpleInterpolation } from '../../utils/type_utils';
 import type { MarginSpacingProps, RegularBoxProps } from '../box';
-import { Box } from '../box';
+import { Box } from '../box/index.js';
 import type { TabData, TabVariant } from './tab';
 import { Tab } from './tab.js';
 

package/src/components/tag/tag.tsx

@@ -7,11 +7,11 @@ import type { IconComponent, IconSize } from '@apify/ui-icons';
 import { theme } from '../../design_system/theme.js';
 import type { WithTransientProps } from '../../type_utils';
 import type { FlattenSimpleInterpolation } from '../../utils/type_utils';
-import { Box, type MarginSpacingProps, type RegularBoxProps } from '../box';
+import { Box, type MarginSpacingProps, type RegularBoxProps } from '../box/index.js';
 import type { RegularButtonProps } from '../button';
-import { Link, type RegularLinkProps } from '../link';
-import { Text } from '../text';
-import { type SharedTextSize, type SharedTextType } from '../text';
+import { Link, type RegularLinkProps } from '../link/index.js';
+import { Text } from '../text/index.js';
+import { type SharedTextSize, type SharedTextType } from '../text/index.js';
 
 type TagSize = SharedTextSize;
 export const TAG_SIZES: TagSize[] = ['big', 'regular', 'small'];

package/src/components/text/text_base.tsx

@@ -3,7 +3,7 @@ import styled, { css } from 'styled-components';
 
 import type { WithTransientProps } from '../../type_utils';
 import type { BoxProps } from '../box';
-import { Box } from '../box';
+import { Box } from '../box/index.js';
 
 export interface TransientTextBaseProps {
     italic?: boolean;

package/src/components/tile/horizontal_tile.stories.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import { ChevronRightIcon, DeleteIcon, SettingsIcon, StarFullIcon } from '@apify/ui-icons';
 
-import { TextShared } from '../text';
+import { TextShared } from '../text/index.js';
 import { HorizontalTile } from './horizontal_tile.js';
 import { TILE_SIZES } from './shared.js';
 

package/src/components/tile/vertical_tile.stories.tsx

@@ -3,8 +3,8 @@ import styled from 'styled-components';
 
 import { CheckCircleIcon, SettingsIcon, StarFullIcon } from '@apify/ui-icons';
 
-import { Button } from '../button';
-import { TextShared } from '../text';
+import { Button } from '../button/index.js';
+import { TextShared } from '../text/index.js';
 import { TILE_SIZES } from './shared.js';
 import { VerticalTile } from './vertical_tile.js';
 

package/src/design_system/theme.ts

@@ -1,5 +1,5 @@
-import { colorProperties, darkTheme, lightTheme } from './colors';
-import { devices, layouts, radiuses, shadows, spaces, transitions } from './tokens';
+import { colorProperties, darkTheme, lightTheme } from './colors/index.js';
+import { devices, layouts, radiuses, shadows, spaces, transitions } from './tokens/index.js';
 import { typographyTokens } from './typography_theme.js';
 
 export const theme = {

package/src/index.ts

@@ -1,8 +1,8 @@
-export * from './components';
-export * from './utils';
-export * from './design_system/tokens';
+export * from './components/index.js';
+export * from './utils/index.js';
+export * from './design_system/tokens/index.js';
 export * from './design_system/theme.js';
 export * from './ui_dependency_provider.js';
-export * from './design_system/colors';
+export * from './design_system/colors/index.js';
 
 export * from './type_utils.js';