@apify/ui-library 1.171.1 → 1.171.2-uilibraryversion2candida-85b55e.45

package/migration-guides/v1-to-v2.md

@@ -0,0 +1,153 @@
+# Migrating `@apify/ui-library` from v1 to v2
+
+v2 drops deprecated components and tightens the public API. This guide lists each breaking change and how to migrate.
+
+> **Scope:** every breaking change in the v2 candidate, verified against `develop`. The v2 major is the deprecated-component cleanup: it drops public exports that cannot be removed in a minor. The typography and theming rework already shipped in v1, so it is not a v2 change.
+
+## At a glance
+
+| v1 | v2 |
+| --- | --- |
+| `Chip` and its variants | `Badge` (static) or `Tag` (clickable) |
+| `Banner` | removed, no replacement |
+| `ColorWheelGradient` | removed, no replacement |
+| `CodeBlock` `showGradient` / `gradientRotation` props | removed |
+| `TextContent` | `Text` |
+| `ActorAvatar`, `UserAvatar`, `StoreActorHeader`, `BlogArticle`, `HorizontalTile`, `VerticalTile` (from `@apify-packages/ui-components`) | import them from `@apify/ui-library` |
+| `StoreSearchActorItem` (from `@apify-packages/ui-components`) | `<StoreActorHeader compact />` |
+
+---
+
+## `Chip` → `Badge` / `Tag`
+
+`Chip` and every helper are removed. Rule of thumb: **`Badge`** for static labels and statuses, **`Tag`** for anything clickable (it renders a `button`, or a `Link` with `as="a"`, and has hover styles built in).
+
+### Removed exports
+
+| Removed export | Kind | Static → `Badge` | Clickable → `Tag` |
+| --- | --- | --- | --- |
+| `Chip` | component | `<Badge variant="…">` | `<Tag variant="…">` |
+| `NeutralChip` | component | `<Badge variant="neutral_muted">` | `<Tag variant="subtle">` |
+| `PrimaryChip` | component | `<Badge variant="primary_blue">` | `<Tag variant="accent">` |
+| `SuccessChip` | component | `<Badge variant="success">` | `<Tag variant="success">` |
+| `WarningChip` | component | `<Badge variant="warning">` | `<Tag variant="warning">` |
+| `DangerChip` | component | `<Badge variant="danger">` | `<Tag variant="error">` |
+| `CHIP_TYPES` | const | `BADGE_VARIANTS` | `TAG_VARIANTS` |
+| `CHIP_TYPES` | type | `BadgeVariant` | `TagVariant` |
+| `CHIP_SIZES` | const | `BADGE_SIZES` | `TAG_SIZES` |
+| `ChipProps` | type | `BadgeProps` | `TagProps<'button'>` / `TagProps<'a'>` |
+| `classNames` (`{ BODY: 'Chip-body' }`) | const | none, pass your own `className` | none, pass your own `className` |
+
+`CHIP_TYPES` and `CHIP_SIZES` were objects; `BADGE_*` / `TAG_*` are arrays of string literals, so `CHIP_TYPES.SUCCESS` becomes the plain string `variant="success"`. `CHIP_SIZES` had no exported type; use `BadgeSize` / `TagSize`.
+
+A `clickable` chip, or one with an `onClick`, becomes a `Tag`: `Badge` accepts neither, so keeping it on `Badge` is a type error. The `icon` prop (an element rendered after the text) becomes `TrailingIcon={Icon}` on `Badge` or `Tag`, which takes the icon component, not an element.
+
+### Sizes
+
+`Chip` defaulted to `M` (14px text), while `Badge` and `Tag` both default to `small` (12px), so a chip without a `size` silently shrinks. Set the size explicitly and check padding and height by eye, since those differ too.
+
+| `Chip` size | Text | `Badge` size | `Tag` size |
+| --- | --- | --- | --- |
+| `XS` | 12px | `extra_small` | `small` |
+| `S` | 12px | `small` | `small` |
+| `M` (default) | 14px | `large` | none (`Tag` has no 14px size) |
+| `L` | 16px | none (closest is `large`, 14px) | `big` |
+
+### Type → variant
+
+| `Chip` type / shorthand | `Badge` variant | `Tag` variant |
+| --- | --- | --- |
+| `DEFAULT` / `NeutralChip` | `neutral_muted` | `subtle` |
+| `PRIMARY` / `PrimaryChip` | `primary_blue` | `accent` |
+| `SUCCESS` / `SuccessChip` | `success` | `success` |
+| `WARNING` / `WarningChip` | `warning` | `warning` |
+| `DANGER` / `DangerChip` | `danger` | `error` |
+
+```diff
+- import { Chip, CHIP_TYPES } from '@apify/ui-library';
+- <Chip type={CHIP_TYPES.SUCCESS}>Published</Chip>
++ import { Badge } from '@apify/ui-library';
++ <Badge variant="success">Published</Badge>
+```
+
+---
+
+## `Banner` → removed
+
+`Banner` was a decorative container with no remaining usage in apify-core. It is removed with no replacement. To keep the look, wrap the content in a container with a `theme.color.neutral.backgroundSubtle` background, `space40` vertical and `space80` horizontal padding, and `radius16` corners (the optional gradient background is gone).
+
+---
+
+## `ColorWheelGradient` → removed
+
+The decorative color-wheel gradient is removed with no replacement. `CodeBlock` also drops the related props: remove `showGradient` and `gradientRotation` from any `<CodeBlock>` usage (the `.CodeBlock-Gradient` styling is gone).
+
+```diff
+- <CodeBlock showGradient gradientRotation={45} language="js">{code}</CodeBlock>
++ <CodeBlock language="js">{code}</CodeBlock>
+```
+
+---
+
+## `TextContent` → `Text`
+
+`TextContent` and its types (`ContentTextProps`, `ContentTextType`, `ContentTextWeight`, `TransientContentTextProps`) are no longer exported. Use `Text`. It renders the same zero-margin `p` and takes the same spacing props; only the typography props change.
+
+| `TextContent` | `Text` |
+| --- | --- |
+| `type="paragraph"` (default) | `size="big"`. The `Text` default is `regular` (14px); `big` keeps 16px |
+| `type="snippet"` | `type="code"` (14px in both, no `size` needed) |
+| `weight="bold"` | `weight="bold"` (600 instead of 700) |
+| `ContentTextProps` | `SharedTextProps` |
+| `ContentTextType` | `SharedTextType` (`'body' \| 'code'`) |
+| `ContentTextWeight` | `SharedTextProps['weight']` |
+| `TransientContentTextProps` | derive from `SharedTextProps` |
+
+```diff
+- <TextContent my="space16">{children}</TextContent>
++ <Text size="big" my="space16">{children}</Text>
+```
+
+> If you rendered markdown through `MarkdownParagraphContent`: it now takes only `children` and `node`, and no longer accepts the `ContentTextProps` (`type`, `weight`, spacing, `className`). Render the paragraph with `Text` yourself if you need those. YouTube/Vimeo embed detection is now internal.
+
+---
+
+## Components moved out of `@apify-packages/ui-components`
+
+> This section matters only if you consume the internal `@apify-packages/ui-components` package. Public `@apify/ui-library` consumers are not affected.
+
+v2 removes the duplicated and deprecated components from `@apify-packages/ui-components`. They all live in `@apify/ui-library` now (same components, same props). Change the import:
+
+```diff
+- import { UserAvatar, userAvatarBaseClassNames } from '@apify-packages/ui-components';
++ import { UserAvatar, userAvatarBaseClassNames } from '@apify/ui-library';
+```
+
+The same applies to the rest. Most keep their name; the one exception is the actor avatar class names, renamed from `actorAvatarBaseClassNames` to `actorAvatarClassnames`.
+
+| Removed from `@apify-packages/ui-components` | Import from `@apify/ui-library` as |
+| --- | --- |
+| `ActorAvatar` | `ActorAvatar` |
+| `actorAvatarBaseClassNames` | `actorAvatarClassnames` (renamed) |
+| `UserAvatar`, `userAvatarBaseClassNames` | same names |
+| `StoreActorHeader` | `StoreActorHeader` |
+| `BlogArticle` | `BlogArticle` |
+| `HorizontalTile`, `VerticalTile` | same names |
+
+`StoreSearchActorItem` was a thin wrapper and is removed without a direct replacement. Render `<StoreActorHeader compact … />` with the same props instead, and use `StoreActorHeaderProps` in place of `StoreSearchActorItemProps`.
+
+`Banner` and `ColorWheelGradient` are removed from `@apify-packages/ui-components` too. See the sections above; there is no replacement for either.
+
+---
+
+## Upgrading
+
+```bash
+pnpm add @apify/ui-library@2
+```
+
+To try it before the stable release, use the v2 candidate canary tag:
+
+```bash
+pnpm add @apify/ui-library@uilibraryversion2candida-85b55e
+```

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.171.1",
+    "version": "1.171.2-uilibraryversion2candida-85b55e.45+922c9253cc5",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -92,7 +92,9 @@
     "files": [
         "dist",
         "src",
-        "style"
+        "style",
+        "MIGRATION.md",
+        "migration-guides"
     ],
-    "gitHead": "7c2ee95c87faaab85ba70f9968e927d1ad2ae7e9"
+    "gitHead": "922c9253cc54a575a5101c4b8619c09c7c0e4b06"
 }

package/src/components/code/code_block/code_block.stories.jsx

@@ -43,20 +43,13 @@ const Template = ({ content, ...args }) => {
             <CodeBlock content={content} {...args} />
             <h2>CodeBlock with title</h2>
             <CodeBlock title="What a code" content={content} {...args} />
-            <h2>CodeBlock with gradient, dots and action</h2>
-            <CodeBlock
-                content={content}
-                highlightLines={[2, 3, 7]}
-                showGradient
-                showDotsHeader
-                showActionButton
-                {...args}
-            />
-            <h2>CodeBlock with long lines, action and gradient</h2>
-            <CodeBlock content={longCode} showGradient showActionButton {...args} />
+            <h2>CodeBlock with dots and action</h2>
+            <CodeBlock content={content} highlightLines={[2, 3, 7]} showDotsHeader showActionButton {...args} />
+            <h2>CodeBlock with long lines and action</h2>
+            <CodeBlock content={longCode} showActionButton {...args} />
 
-            <h2>CodeBlock with multiple long codes, highlighted lines, action and gradient</h2>
-            <CodeBlock content={multipleLongCodes} showGradient showActionButton {...args} />
+            <h2>CodeBlock with multiple long codes, highlighted lines and action</h2>
+            <CodeBlock content={multipleLongCodes} showActionButton {...args} />
             <h2>CodeBlock with multiple codes</h2>
             <CodeBlock content={multipleCodes} {...args} />
         </div>

package/src/components/code/code_block/code_block.styled.tsx

@@ -34,7 +34,6 @@ export const SyntaxHighlighterBaseStylesWrapper = styled(Box)<SyntaxHighlighterB
 
 export const CodeBlockWrapper = styled(SyntaxHighlighterBaseStylesWrapper)<{
     $hasHeader: boolean;
-    $gradientRotation?: number;
     $highlightLines?: number[];
     $hasActionButton?: boolean;
     $hasTabs?: boolean;
@@ -158,16 +157,6 @@ export const CodeBlockWrapper = styled(SyntaxHighlighterBaseStylesWrapper)<{
             `}
     }
 
-    .CodeBlock-Gradient {
-        right: 0px;
-        bottom: 0px;
-
-        aspect-ratio: 1/1;
-        height: 250%;
-
-        transform: translate(50%, 70%) rotate(${({ $gradientRotation }) => $gradientRotation ?? 0}deg) scaleX(-1);
-    }
-
     .CodeBlock-HederDotsWrapper {
         display: flex;
         padding: ${theme.space.space8};

package/src/components/code/code_block/code_block.tsx

@@ -3,7 +3,6 @@ import type React from 'react';
 import { useMemo, useRef, useState } from 'react';
 
 import type { RegularBoxProps } from '../../box';
-import { ColorWheelGradient } from '../../color_wheel_gradient';
 import { Link } from '../../link';
 import { Text } from '../../text';
 import type { SharedTextSize } from '../../text/text_shared';
@@ -103,8 +102,6 @@ export type CodeBlockProps = RegularBoxProps & {
     className?: string;
     hideBashHeader?: boolean;
     onTabChange?: (key: string, e: React.MouseEvent) => Promise<void> | void;
-    showGradient?: boolean;
-    gradientRotation?: number;
     highlightLines?: number[];
     showActionButton?: boolean;
     actionButtonLabel?: string;
@@ -126,12 +123,10 @@ export const CodeBlock = ({
     highlightLines,
     onTabChange,
     defaultTabKey,
-    showGradient,
     hideBashHeader,
     showActionButton,
     fullWidth,
     actionButtonLabel,
-    gradientRotation = 340,
     hideLineNumbers,
     fullHeight,
     title,
@@ -185,7 +180,6 @@ export const CodeBlock = ({
     return (
         <CodeBlockWrapper
             $hasHeader={showHeader}
-            $gradientRotation={gradientRotation}
             $hasActionButton={showActionButton}
             $hasTabs={isMultiTab}
             $fullWidth={fullWidth}
@@ -221,8 +215,6 @@ export const CodeBlock = ({
                 )}
                 {!hideCopyButton && <CopyButton code={currentCode} />}
             </div>
-
-            {showGradient && <ColorWheelGradient className="CodeBlock-Gradient" blurSize={69} />}
         </CodeBlockWrapper>
     );
 };

package/src/components/code/inline_code/inline_code.tsx

@@ -46,7 +46,6 @@ export type InlineCodeProps = RegularBoxProps & {
     withCopyButton?: boolean;
 };
 
-// This might be just a Chip component
 export const InlineCode: React.FC<InlineCodeProps> = ({ children, size, withCopyButton, ...props }) => (
     <Wrapper {...props}>
         <Text type="code" as="code" size={size}>

package/src/components/index.ts

@@ -10,7 +10,6 @@ export * from './link';
 export * from './action_link';
 export * from './simple_markdown';
 export * from './code';
-export * from './color_wheel_gradient';
 export * from './readme_renderer';
 export * from './card';
 export * from './markdown';
@@ -18,9 +17,7 @@ export * from './pagination';
 export * from './tab_number_chip';
 export * from './tile';
 export * from './blog_article';
-export * from './banner';
 export * from './actor_template_card';
-export * from './chip';
 export * from './image';
 export * from './rating';
 export * from './badge';

package/src/components/simple_markdown/simple_markdown.tsx

@@ -15,7 +15,8 @@ import { Box } from '../box';
 import { Image } from '../image';
 import { isUrlExternal } from '../link';
 import { cleanMarkdown } from '../readme_renderer';
-import { Heading, HeadingContent, Text, TextContent } from '../text';
+import { Heading, HeadingContent, Text } from '../text';
+import { TextContent } from '../text/text_content';
 import { MarkdownBlockQuote, MarkdownCode, MarkdownLink, MarkdownTable } from './simple_markdown_components';
 
 export type SimpleMarkdownComponents = Components;

package/src/components/simple_markdown/simple_markdown_components.tsx

@@ -14,10 +14,8 @@ import { CodeBlock, InlineCode, OneLineCode } from '../code';
 import type { LinkProps } from '../link';
 import { Link } from '../link';
 import { slugifyHeadingChildren } from '../readme_renderer';
-import type { HeadingSharedProps } from '../text';
-import type { ContentTextProps } from '../text';
-import type { SharedTextSize } from '../text';
-import { Heading, TextContent } from '../text';
+import { Heading, type HeadingSharedProps, type SharedTextSize } from '../text';
+import { TextContent } from '../text/text_content';
 
 const simpleMarkdownClassNames = {
     HEADING_ICON_LINK: 'headingIconLink',
@@ -293,20 +291,16 @@ const getMarkdownVideoSrc = (child?: ElementContent): string | undefined => {
 };
 
 // TODO: This should be used for readmes
-export function MarkdownParagraphContent({
-    children,
-    node,
-    ...textProps
-}: ContentTextProps & MarkdownComponentExtraProps): React.ReactNode {
+type MarkdownParagraphContentProps = {
+    children?: React.ReactNode;
+} & MarkdownComponentExtraProps;
+
+export function MarkdownParagraphContent({ children, node }: MarkdownParagraphContentProps): React.ReactNode {
     const child = node?.children[0];
     const videoSrc = getMarkdownVideoSrc(child);
 
     if (videoSrc) return <MarkdownVideo src={videoSrc} />;
 
     // Render the children as a paragraph
-    return (
-        <TextContent my="space16" {...textProps}>
-            {children}
-        </TextContent>
-    );
+    return <TextContent my="space16">{children}</TextContent>;
 }

package/src/components/tag/tag.tsx

@@ -13,7 +13,7 @@ import { Link, type RegularLinkProps } from '../link';
 import { Text } from '../text';
 import { type SharedTextSize, type SharedTextType } from '../text';
 
-type TagSize = SharedTextSize;
+export type TagSize = SharedTextSize;
 export const TAG_SIZES: TagSize[] = ['big', 'regular', 'small'];
 
 const TAG_ICON_SIZES = {

package/src/components/text/index.ts

@@ -3,7 +3,6 @@ import type { SharedTextProps } from './text_shared';
 import { SHARED_TEXT_TYPES, TextShared } from './text_shared';
 
 export * from './text_base';
-export * from './text_content';
 export * from './text_marketing';
 export * from './heading_content';
 export * from './heading_marketing';

package/src/components/text/text_content.tsx

@@ -80,7 +80,7 @@ const StyledTextContent = styled(TextBaseComponent)<StyledContentTextProps>`
 `;
 
 /**
- * @deprecated Use Text or TextMarketing from ui-library
+ * Internal to SimpleMarkdown, not exported from the package. Use Text elsewhere.
  */
 export const TextContent = forwardRef<HTMLElement | undefined, ContentTextProps>(
     ({ type, weight, as, ...rest }, ref) => {

package/src/migration_guides/v1_to_v2.mdx

@@ -0,0 +1,7 @@
+import { Meta, Markdown } from "@storybook/addon-docs/blocks";
+
+import guide from "../../migration-guides/v1-to-v2.md?raw";
+
+<Meta title="Migration Guides/From version 1 to version 2" />
+
+<Markdown>{guide}</Markdown>

package/dist/components/banner/banner.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-interface BannerProps {
-    background?: string;
-    useGradientBackground?: boolean;
-    width?: string;
-    className?: string;
-    children: React.ReactNode;
-}
-export declare const Banner: React.FC<BannerProps>;
-export {};
-//# sourceMappingURL=banner.d.ts.map

package/dist/components/banner/banner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoD/B,UAAU,WAAW;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAuBD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CASxC,CAAC"}

package/dist/components/banner/banner.js

@@ -1,76 +0,0 @@
-import { theme } from "../../design_system/theme.js";
-import styled, { css } from "styled-components";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/banner/banner.tsx
-var BANNER_GRADIENT_BACKGROUND_SVG = `<svg width="1200" height="148" viewBox="0 0 1200 148" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#clip0_2285_34756)">
-    <g filter="url(#filter0_f_2285_34756)">
-    <path d="M-39.7702 191.085C-55.0622 193.205 -68.8864 201.311 -78.2029 213.621C-87.5194 225.932 -91.5654 241.438 -89.4512 256.731L-55.0077 502.652L89.8852 173L-39.7702 191.085Z" fill="url(#paint0_linear_2285_34756)"/>
-    </g>
-    <g filter="url(#filter1_f_2285_34756)">
-    <path d="M1267.53 398.062L1253.99 209.002C1252.85 193.626 1245.67 179.327 1234.01 169.234C1222.36 159.14 1207.18 154.073 1191.8 155.14C1190.5 155.19 1189.2 155.331 1187.92 155.564L1132 163.289L1254.84 438.685C1264.05 427.236 1268.59 412.721 1267.53 398.062Z" fill="url(#paint1_linear_2285_34756)"/>
-    </g>
-    <g filter="url(#filter2_f_2285_34756)">
-    <path d="M561 29.7691C570.917 30.4746 580.956 29.5571 590.142 27.1057L801.075 -28.7862L700.682 -170L561 29.7691Z" fill="url(#paint2_linear_2285_34756)"/>
-    </g>
-    </g>
-    <defs>
-    <filter id="filter0_f_2285_34756" x="-170" y="93" width="339.885" height="489.652" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-    <feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur_2285_34756"/>
-    </filter>
-    <filter id="filter1_f_2285_34756" x="1052" y="75" width="295.683" height="443.686" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-    <feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur_2285_34756"/>
-    </filter>
-    <filter id="filter2_f_2285_34756" x="481" y="-250" width="400.074" height="360" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-    <feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur_2285_34756"/>
-    </filter>
-    <linearGradient id="paint0_linear_2285_34756" x1="-0.0574112" y1="173" x2="-0.0574112" y2="502.652" gradientUnits="userSpaceOnUse">
-    <stop stop-color="#00FF85"/>
-    <stop offset="1" stop-color="#00FF47" stop-opacity="0"/>
-    </linearGradient>
-    <linearGradient id="paint1_linear_2285_34756" x1="1146.02" y1="174.549" x2="1333.1" y2="293.915" gradientUnits="userSpaceOnUse">
-    <stop stop-color="#00FFF0"/>
-    <stop offset="1" stop-color="#1672EB"/>
-    </linearGradient>
-    <linearGradient id="paint2_linear_2285_34756" x1="681.037" y1="-170" x2="681.037" y2="30" gradientUnits="userSpaceOnUse">
-    <stop stop-color="#F5B315"/>
-    <stop offset="1" stop-color="#FF2CC4"/>
-    </linearGradient>
-    <clipPath id="clip0_2285_34756">
-    <rect width="1200" height="1791.08" rx="16" fill="white"/>
-    </clipPath>
-    </defs>
-</svg>
-`;
-var getBannerBackground = (background, useGradientBackground) => {
-	return css`
-        background-color: ${background || theme.color.neutral.backgroundSubtle};
-        ${useGradientBackground && `
-            background-image: url("data:image/svg+xml,${encodeURIComponent(BANNER_GRADIENT_BACKGROUND_SVG)}");
-            background-position: center;
-            background-repeat: no-repeat;
-            background-size: cover;
-            `}
-    `;
-};
-var StyledBanner = styled.div`
-    width: ${(props) => props.width || "100%"};
-    padding: ${theme.space.space40} ${theme.space.space80};
-    border-radius: ${theme.radius.radius16};
-
-    ${({ $background, $useGradientBackground }) => getBannerBackground($background, $useGradientBackground)};
-`;
-var Banner = ({ useGradientBackground = true, background, children, ...otherProps }) => /* @__PURE__ */ jsx(StyledBanner, {
-	$background: background,
-	$useGradientBackground: useGradientBackground,
-	...otherProps,
-	children
-});
-//#endregion
-export { Banner };

package/dist/components/banner/index.d.ts

@@ -1,2 +0,0 @@
-export * from './banner';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/banner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/chip/chip.d.ts

@@ -1,55 +0,0 @@
-import { FC, default as React } from 'react';
-import { ValueOf } from '../../internal_type_utils';
-import { RegularBoxProps } from '../box';
-export declare const CHIP_SIZES: {
-    readonly EXTRA_SMALL: "XS";
-    readonly SMALL: "S";
-    readonly MEDIUM: "M";
-    readonly LARGE: "L";
-};
-type CHIP_SIZES = ValueOf<typeof CHIP_SIZES>;
-export declare const CHIP_TYPES: {
-    readonly DEFAULT: "DEFAULT";
-    readonly PRIMARY: "PRIMARY";
-    readonly SUCCESS: "SUCCESS";
-    readonly WARNING: "WARNING";
-    readonly DANGER: "DANGER";
-};
-export type CHIP_TYPES = ValueOf<typeof CHIP_TYPES>;
-export declare const classNames: {
-    BODY: string;
-};
-export type ChipProps = RegularBoxProps & {
-    type?: CHIP_TYPES;
-    size?: CHIP_SIZES;
-    icon?: React.ReactNode;
-    clickable?: boolean;
-};
-/**
- * Component for displaying status and for labelling other components.
- * @deprecated Use Tag or Badge
- */
-export declare const Chip: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    onClick?: (e: React.MouseEvent) => void;
-    id?: string;
-    title?: string;
-    role?: React.AriaRole;
-} & {
-    as?: React.ElementType;
-} & {
-    type?: CHIP_TYPES;
-    size?: CHIP_SIZES;
-    icon?: React.ReactNode;
-    clickable?: boolean;
-} & React.RefAttributes<unknown>>;
-type SpecificChipProps = Omit<ChipProps, 'type'>;
-export declare const PrimaryChip: FC<SpecificChipProps>;
-export declare const NeutralChip: FC<SpecificChipProps>;
-export declare const SuccessChip: FC<SpecificChipProps>;
-export declare const DangerChip: FC<SpecificChipProps>;
-export declare const WarningChip: FC<SpecificChipProps>;
-export {};
-//# sourceMappingURL=chip.d.ts.map

package/dist/components/chip/chip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE9C,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AACX,KAAK,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpD,eAAO,MAAM,UAAU;;CAEtB,CAAC;AA8FF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACtC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;WAVN,UAAU;WACV,UAAU;WACV,KAAK,CAAC,SAAS;gBACV,OAAO;iCA6BtB,CAAC;AAIF,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAA2D,CAAC;AACzG,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC"}