@apify/ui-library 0.57.0 → 0.57.2

package/src/components/text/index.ts

@@ -1,12 +1,12 @@
-import HeadingShared from './heading_shared';
-import type { SharedTextProps } from './text_shared';
-import TextShared from './text_shared';
+import HeadingShared from './heading_shared.js';
+import type { SharedTextProps } from './text_shared.js';
+import TextShared from './text_shared.js';
 
-export * from './text_base';
-export * from './text_content';
-export * from './text_marketing';
-export * from './heading_content';
-export * from './heading_marketing';
+export * from './text_base.js';
+export * from './text_content.js';
+export * from './text_marketing.js';
+export * from './heading_content.js';
+export * from './heading_marketing.js';
 
 export {
     TextShared as Text, // Shared typography is the default

package/src/components/text/text_base.tsx

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

package/src/components/text/text_content.tsx

@@ -2,10 +2,10 @@ import React, { forwardRef } from 'react';
 import type { FlattenSimpleInterpolation } from 'styled-components';
 import styled, { css } from 'styled-components';
 
-import { theme } from '../../design_system/theme';
-import type { WithTransientProps } from '../../type_utils';
-import type { TextBaseProps } from './text_base';
-import { TextBaseComponent } from './text_base';
+import { theme } from '../../design_system/theme.js';
+import type { WithTransientProps } from '../../type_utils.js';
+import type { TextBaseProps } from './text_base.js';
+import { TextBaseComponent } from './text_base.js';
 
 export type ContentTextType = 'paragraph' | 'snippet';
 export type ContentTextWeight = 'normal' | 'bold';

package/src/components/text/text_marketing.tsx

@@ -2,10 +2,10 @@ import React, { forwardRef } from 'react';
 import type { FlattenSimpleInterpolation } from 'styled-components';
 import styled, { css } from 'styled-components';
 
-import { theme } from '../../design_system/theme';
-import type { WithTransientProps } from '../../type_utils';
-import type { TextBaseProps } from './text_base';
-import { TextBaseComponent } from './text_base';
+import { theme } from '../../design_system/theme.js';
+import type { WithTransientProps } from '../../type_utils.js';
+import type { TextBaseProps } from './text_base.js';
+import { TextBaseComponent } from './text_base.js';
 
 export type MarketingTextSize = 'large' | 'regular' | 'small' | 'extraSmall';
 export type MarketingTextWeight = 'normal' | 'bold';

package/src/components/text/text_shared.tsx

@@ -1,10 +1,10 @@
 import React, { forwardRef } from 'react';
 import styled from 'styled-components';
 
-import { theme } from '../../design_system/theme';
-import type { WithTransientProps } from '../../type_utils';
-import type { TextBaseProps } from './text_base';
-import { TextBaseComponent } from './text_base';
+import { theme } from '../../design_system/theme.js';
+import type { WithTransientProps } from '../../type_utils.js';
+import type { TextBaseProps } from './text_base.js';
+import { TextBaseComponent } from './text_base.js';
 
 export type SharedTextType = 'body' | 'code';
 export type SharedTextSize = 'regular' | 'small' | 'big';

package/src/components/tile/horizontal_tile.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import { theme } from '../../design_system/theme';
+import { theme } from '../../design_system/theme.js';
 import type {
     TileSharedProps,
-    TileSizesType } from './shared';
+    TileSizesType } from './shared.js';
 import {
     TILE_SIZES,
     tileStyle,
-} from './shared';
+} from './shared.js';
 
 interface HorizontalTileProps extends TileSharedProps {
     icon?: React.ReactNode;

package/src/components/tile/index.ts

@@ -1,2 +1,2 @@
-export * from './horizontal_tile';
-export * from './vertical_tile';
+export * from './horizontal_tile.js';
+export * from './vertical_tile.js';

package/src/components/tile/shared.ts

@@ -1,6 +1,6 @@
 import { css } from 'styled-components';
 
-import { theme } from '../../design_system/theme';
+import { theme } from '../../design_system/theme.js';
 
 export const TILE_SIZES = {
     SMALL: 'S',

package/src/components/tile/vertical_tile.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import { theme } from '../../design_system/theme';
+import { theme } from '../../design_system/theme.js';
 import type {
     TileSharedProps,
-    TileSizesType } from './shared';
+    TileSizesType } from './shared.js';
 import {
     TILE_SIZES,
     tileStyle,
-} from './shared';
+} from './shared.js';
 
 interface HorizontalTileProps extends TileSharedProps {
     content: React.ReactNode;

package/src/components/to_consolidate/card.tsx

@@ -2,11 +2,11 @@ import clsx from 'clsx';
 import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 
-import { theme } from '../../design_system/theme';
-import type { WithTransientProps } from '../../type_utils';
-import type { BoxProps } from '../box';
-import { Box } from '../box';
-import { Text } from '../text';
+import { theme } from '../../design_system/theme.js';
+import type { WithTransientProps } from '../../type_utils.js';
+import type { BoxProps } from '../box.js';
+import { Box } from '../box.js';
+import { Text } from '../text/index.js';
 
 export const cardClassNames = {
     WRAPPER: 'Card',

package/src/components/to_consolidate/index.ts

@@ -1,4 +1,4 @@
-export * from './card';
-export * from './pagination';
-export * from './markdown';
-export * from './tab_number_chip';
+export * from './card.js';
+export * from './pagination.js';
+export * from './markdown.js';
+export * from './tab_number_chip.js';

package/src/components/to_consolidate/markdown.tsx

@@ -11,11 +11,11 @@ import styled from 'styled-components';
 
 import { LinkIcon } from '@apify/ui-icons';
 
-import type { UiThemeOption } from '../../design_system/theme';
-import { theme } from '../../design_system/theme';
-import { useCopyToClipboard } from '../../utils';
-import { CodeBlock, OneLineCode, inlineCodeStyles } from '../code';
-import { cleanMarkdown, slugifyHeadingChildren } from '../readme_renderer/utils';
+import type { UiThemeOption } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme.js';
+import { useCopyToClipboard } from '../../utils/index.js';
+import { CodeBlock, OneLineCode, inlineCodeStyles } from '../code/index.js';
+import { cleanMarkdown, slugifyHeadingChildren } from '../readme_renderer/utils.js';
 
 interface StyledReadmeProps {
     $scrollMarginTopPx: number;

package/src/components/to_consolidate/pagination.tsx

@@ -4,9 +4,9 @@ import styled from 'styled-components';
 
 import { ChevronLeftIcon, ChevronRightIcon } from '@apify/ui-icons';
 
-import { theme } from '../../design_system/theme';
-import { Box } from '../box';
-import { Button } from '../button';
+import { theme } from '../../design_system/theme.js';
+import { Box } from '../box.js';
+import { Button } from '../button.js';
 
 const LEADING_THREE_DOTS_PAGE_KEY = -1;
 const TRAILING_THREE_DOTS_PAGE_KEY = -2;

package/src/components/to_consolidate/tab_number_chip.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import { theme } from '../../design_system/theme';
-import { Text } from '../text';
+import { theme } from '../../design_system/theme.js';
+import { Text } from '../text/index.js';
 
 const StyledChip = styled(Text)`
     color: ${theme.color.neutral.text};

package/src/design_system/theme.ts

@@ -1,5 +1,5 @@
-import { darkTheme, lightTheme } from './colors_theme';
-import { colorProperties } from './properties_theme';
+import { darkTheme, lightTheme } from './colors_theme.js';
+import { colorProperties } from './properties_theme.js';
 import {
     spaces,
     radiuses,
@@ -7,8 +7,8 @@ import {
     devices,
     transitions,
     shadows,
-} from './tokens';
-import { typographyTokens } from './typography_theme';
+} from './tokens/index.js';
+import { typographyTokens } from './typography_theme.js';
 
 export const theme = {
     color: colorProperties,

package/src/design_system/tokens/index.ts

@@ -1,5 +1,5 @@
-export * from './layouts';
-export * from './spaces';
-export * from './shadows';
-export * from './radiuses';
-export * from './transitions';
+export * from './layouts.js';
+export * from './spaces.js';
+export * from './shadows.js';
+export * from './radiuses.js';
+export * from './transitions.js';

package/src/index.ts

@@ -1,7 +1,7 @@
-export * from './components';
-export * from './utils';
-export * from './design_system/tokens/index';
-export * from './design_system/theme';
-export * from './ui_dependency_provider';
+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 './type_utils';
+export * from './type_utils.js';

package/src/ui_dependency_provider.tsx

@@ -1,6 +1,6 @@
 import React, { createContext, useContext } from 'react';
 
-import type { UiThemeOption } from './design_system/theme';
+import type { UiThemeOption } from './design_system/theme.js';
 
 export interface AgnosticInternalLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
     // Here we should add special props that are supported by all Link implementation we use (react-router on console & next.js on web)

package/src/utils/index.ts

@@ -1,3 +1,3 @@
-export * from './copy_to_clipboard';
-export * from './sanitization';
-export * from './image_color';
+export * from './copy_to_clipboard.js';
+export * from './sanitization.js';
+export * from './image_color.js';