@apify/ui-library 1.171.0 → 1.171.1-uilibraryversion2candida-85b55e.71

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.171.0",
+    "version": "1.171.1-uilibraryversion2candida-85b55e.71+4403e719161",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -94,5 +94,5 @@
         "src",
         "style"
     ],
-    "gitHead": "9f791cd19356bae5904a3125a2864485e13ef45c"
+    "gitHead": "4403e7191616024987832c830fb7143f7a32b4b6"
 }

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/skeleton/skeleton.stories.tsx

@@ -27,6 +27,10 @@ const meta: Meta<typeof Skeleton> = {
     component: Skeleton,
     subcomponents: { SkeletonGroup, SkeletonFadeIn },
     parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/design/ptKLYiZGryxzLK6jy5k2Pa/-WIP--Shared-llibrary?node-id=2729-14',
+        },
         docs: {
             description: {
                 component:

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/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"}

package/dist/components/chip/chip.js

@@ -1,144 +0,0 @@
-import { theme } from "../../design_system/theme.js";
-import styled, { css } from "styled-components";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx$1 from "clsx";
-//#region src/components/chip/chip.tsx
-var CHIP_SIZES = {
-	EXTRA_SMALL: "XS",
-	SMALL: "S",
-	MEDIUM: "M",
-	LARGE: "L"
-};
-var CHIP_TYPES = {
-	DEFAULT: "DEFAULT",
-	PRIMARY: "PRIMARY",
-	SUCCESS: "SUCCESS",
-	WARNING: "WARNING",
-	DANGER: "DANGER"
-};
-var classNames = { BODY: "Chip-body" };
-var chipSizeStyle = {
-	[CHIP_SIZES.EXTRA_SMALL]: css`
-        font-size: 12px;
-        line-height: 16px;
-        padding: 0 4px;
-        border-radius: 6px;
-    `,
-	[CHIP_SIZES.SMALL]: css`
-        font-size: 12px;
-        line-height: 16px;
-        padding: 2px 4px;
-        border-radius: 6px;
-    `,
-	[CHIP_SIZES.MEDIUM]: css`
-        font-size: 14px;
-        line-height: 20px;
-        padding: 2px 8px;
-        border-radius: 100px;
-    `,
-	[CHIP_SIZES.LARGE]: css`
-        /* TODO: (typography-mismatch) 16px/20px does not match any canonical typography token — needs designer input. Blocks migrating chipSizeStyle to typography token interpolations (XS/S match bodyS, M matches bodyM). */
-        font-size: 16px;
-        line-height: 20px;
-        padding: 2px 8px;
-        border-radius: 100px;
-    `
-};
-var chipTypeStyle = {
-	[CHIP_TYPES.DEFAULT]: css`
-        color: ${theme.color.neutral.text};
-        background: ${theme.color.neutral.chipBackground};
-    `,
-	[CHIP_TYPES.PRIMARY]: css`
-        color: ${theme.color.primary.chipText};
-        background: ${theme.color.primary.chipBackground};
-    `,
-	[CHIP_TYPES.SUCCESS]: css`
-        color: ${theme.color.success.chipText};
-        background: ${theme.color.success.chipBackground};
-    `,
-	[CHIP_TYPES.WARNING]: css`
-        color: ${theme.color.warning.chipText};
-        background: ${theme.color.warning.chipBackground};
-    `,
-	[CHIP_TYPES.DANGER]: css`
-        color: ${theme.color.danger.chipText};
-        background: ${theme.color.danger.chipBackground};
-    `
-};
-var chipTypeHoverStyle = {
-	[CHIP_TYPES.DEFAULT]: css`
-        background: ${theme.color.neutral.chipBackgroundHover};
-    `,
-	[CHIP_TYPES.PRIMARY]: css`
-        background: ${theme.color.primary.chipBackgroundHover};
-    `,
-	[CHIP_TYPES.SUCCESS]: css`
-        background: ${theme.color.success.chipBackgroundHover};
-    `,
-	[CHIP_TYPES.WARNING]: css`
-        background: ${theme.color.warning.chipBackgroundHover};
-    `,
-	[CHIP_TYPES.DANGER]: css`
-        background: ${theme.color.danger.chipBackgroundHover};
-    `
-};
-var StyledChip = styled.span`
-    ${({ size }) => chipSizeStyle[size]};
-    ${({ type }) => chipTypeStyle[type]};
-    ${({ type, clickable }) => clickable && css`
-            &:hover {
-                ${chipTypeHoverStyle[type]};
-            }
-        `};
-    /* Static styles */
-    width: fit-content;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    /* TODO: (typography-keyword) 'normal' keyword used instead of numeric value (400) or typography token. */
-    font-weight: normal;
-    white-space: nowrap;
-    cursor: ${({ clickable }) => clickable ? "pointer" : "default"};
-    gap: ${theme.space.space4};
-`;
-/**
-* Component for displaying status and for labelling other components.
-* @deprecated Use Tag or Badge
-*/
-var Chip = forwardRef(({ type = CHIP_TYPES.DEFAULT, size = CHIP_SIZES.MEDIUM, clickable = false, icon, children, className, ...passThroughProps }, ref) => {
-	return /* @__PURE__ */ jsxs(StyledChip, {
-		ref,
-		...passThroughProps,
-		type,
-		size,
-		clickable,
-		className: clsx$1(className, classNames.BODY),
-		children: [children, icon]
-	});
-});
-Chip.displayName = "Chip";
-var PrimaryChip = (props) => /* @__PURE__ */ jsx(Chip, {
-	type: CHIP_TYPES.PRIMARY,
-	...props
-});
-var NeutralChip = (props) => /* @__PURE__ */ jsx(Chip, {
-	type: CHIP_TYPES.DEFAULT,
-	...props
-});
-var SuccessChip = (props) => /* @__PURE__ */ jsx(Chip, {
-	type: CHIP_TYPES.SUCCESS,
-	...props
-});
-var DangerChip = (props) => /* @__PURE__ */ jsx(Chip, {
-	type: CHIP_TYPES.DANGER,
-	...props
-});
-var WarningChip = (props) => /* @__PURE__ */ jsx(Chip, {
-	type: CHIP_TYPES.WARNING,
-	...props
-});
-//#endregion
-export { CHIP_SIZES, CHIP_TYPES, Chip, DangerChip, NeutralChip, PrimaryChip, SuccessChip, WarningChip, classNames };

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

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

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

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

package/dist/components/color_wheel_gradient/color_wheel_gradient.d.ts

@@ -1,9 +0,0 @@
-export interface ColorWheelGradientProps {
-    translateX?: number;
-    translateY?: number;
-    rotation?: number;
-    radius?: number;
-    blurSize?: number;
-}
-export declare const ColorWheelGradient: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorWheelGradientProps>> & string;
-//# sourceMappingURL=color_wheel_gradient.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"color_wheel_gradient.d.ts","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient/color_wheel_gradient.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,4PAsB9B,CAAC"}

package/dist/components/color_wheel_gradient/color_wheel_gradient.js

@@ -1,27 +0,0 @@
-import styled from "styled-components";
-//#region src/components/color_wheel_gradient/color_wheel_gradient.tsx
-var ColorWheelGradient = styled.div`
-    ${({ radius, rotation = 0, blurSize = 40, translateX = 0, translateY = 0 }) => `
-    z-index: 1;
-    position: absolute;
-    width: ${radius ? `${radius}px` : "auto"};
-    height: ${radius ? `${radius}px` : "auto"};
-    transform-origin: center;
-    transform: translate(${translateX}px, ${translateY}px) rotate(${rotation}deg);
-
-    opacity: 0.30;
-    background: conic-gradient(
-        rgba(93, 133, 225, 0.99) 0deg,
-        rgba(106, 20, 222, 0.99) 69deg,
-        rgba(228, 68, 103, 0.99) 150deg,
-        rgba(250, 129, 54, 0.99) 221deg,
-        rgba(240, 178, 27, 0.99) 287deg,
-        rgba(18, 150, 111, 0.99) 360deg
-    );
-
-    border-radius: 50%;
-    filter: blur(${blurSize}px)
-`}
-`;
-//#endregion
-export { ColorWheelGradient };

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

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

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

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

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

@@ -1,11 +0,0 @@
-import type 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/src/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"}