@bikdotai/bik-component-library 0.0.812 → 0.0.814-0

package/dist/esm/src/components/tag/Tag.stories.d.ts

@@ -1,22 +1,22 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 declare const _default: ComponentMeta<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export default _default;
 export declare const Default: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIcons: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIconTooltips: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const DarkTheme: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;

package/dist/esm/src/components/tag/Tag.styled.d.ts

@@ -7,11 +7,13 @@ export declare const Tag: import("@emotion/styled").StyledComponent<{
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
-    version?: "1.0" | "2.0" | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
     cursor?: string | undefined;
     alignIcon?: string | undefined;
     noBorder?: boolean | undefined;
     contentPadding?: number | undefined;
+    padding?: string | undefined;
+    height?: number | undefined;
     backgroundColor?: string | undefined;
     borderRadius?: string | number | undefined;
     size?: "small" | "regular" | undefined;

package/dist/esm/src/components/tag/model.d.ts

@@ -92,7 +92,11 @@ export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
      */
     leadingIconTooltip?: Omit<TooltipProps, 'children'>;
     tagText: string | number;
-    version?: '1.0' | '2.0';
+    version?: '1.0' | '2.0' | '3.0';
+    /** Custom CSS padding string, e.g. '4px 8px' */
+    padding?: string;
+    /** Custom height in px */
+    height?: number;
     cursor?: string;
     alignIcon?: string;
     noBorder?: boolean;

package/dist/esm/src/components/whats-new/WhatsNew.d.ts

@@ -13,6 +13,8 @@ interface WhatsNewProps {
     buttonTestId?: string;
     iconWidth?: number;
     iconHeight?: number;
+    iconColor?: string;
+    iconPadding?: number;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/esm/src/components/whats-new/WhatsNew.types.d.ts

@@ -35,6 +35,8 @@ export interface WhatsNewButtonProps {
     testId?: string;
     iconWidth?: number;
     iconHeight?: number;
+    iconColor?: string;
+    iconPadding?: number;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/esm/src/constants/Theme.d.ts

@@ -1,11 +1,15 @@
 export declare const BASE_COLORS: {
     brand: {
         900: string;
+        850: string;
         800: string;
+        700: string;
         500: string;
         100: string;
         50: string;
         10: string;
+        7: string;
+        5: string;
     };
     grayscale: {
         900: string;
@@ -52,8 +56,11 @@ export declare const COLORS: {
         brand: string;
         brandLight: string;
         brandVeryLight: string;
+        brandUltraLight: string;
+        brandGhost: string;
         pureWhite: string;
         brandTint: string;
+        brandHovered: string;
         negative: {
             vibrant: string;
             light: string;
@@ -114,6 +121,7 @@ export declare const COLORS: {
             vibrant: string;
         };
         brandLightAlt: string;
+        brandSubdued: string;
         blue: {
             lightAlt: string;
         };
@@ -206,6 +214,12 @@ export declare const FONTS: {
         lineHeight: number;
         letterSpacing: number;
     };
+    bodyTinySemiBold: {
+        fontWeight: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+    };
     tiny: {
         fontWeight: string;
         fontSize: number;
@@ -343,8 +357,11 @@ export declare const DEFAULT_THEME: {
             brand: string;
             brandLight: string;
             brandVeryLight: string;
+            brandUltraLight: string;
+            brandGhost: string;
             pureWhite: string;
             brandTint: string;
+            brandHovered: string;
             negative: {
                 vibrant: string;
                 light: string;
@@ -405,6 +422,7 @@ export declare const DEFAULT_THEME: {
                 vibrant: string;
             };
             brandLightAlt: string;
+            brandSubdued: string;
             blue: {
                 lightAlt: string;
             };
@@ -497,6 +515,12 @@ export declare const DEFAULT_THEME: {
             lineHeight: number;
             letterSpacing: number;
         };
+        bodyTinySemiBold: {
+            fontWeight: string;
+            fontSize: number;
+            lineHeight: number;
+            letterSpacing: number;
+        };
         tiny: {
             fontWeight: string;
             fontSize: number;

package/dist/esm/src/icons/Arrows/Chevron/ChevronUp.d.ts

@@ -1,7 +1,6 @@
 import type { SVGProps } from 'react';
 interface Props extends SVGProps<SVGSVGElement> {
-    size?: number | string;
     color?: string;
 }
-declare const SvgChevronUp: ({ size, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronUp: ({ width, height, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronUp;

package/dist/esm/src/icons/BIK AI specific/AiIcon.d.ts

@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+    color?: string;
+}
+declare const SvgAiIcon: ({ size, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SvgAiIcon;

package/dist/esm/src/icons/BIK AI specific/index.d.ts

@@ -1,3 +1,4 @@
+export { default as AiIcon } from './AiIcon';
 export { default as AiEmoji } from './AiEmoji';
 export { default as AiRobot } from './AiRobot';
 export { default as Expand } from './Expand';

package/dist/esm/src/icons/index.d.ts

@@ -7,7 +7,7 @@ export { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, } from './Arrows/Che
 export { ChevronDoubleDown, ChevronDoubleLeft, ChevronDoubleRight, ChevronDoubleUp, } from './Arrows/Double chevron';
 export { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight, } from './Arrows/Normal arrows';
 export { ArrowSwitch } from './Arrows/Special';
-export { AiEmoji, AiRobot, Expand, Frame27389, Frame27597, Frame27598, Frame27599, GeminiSparkle, ManifestSparkle, PricePlease, Shape, Shorter, Sparkling2Line, Write, } from './BIK AI specific';
+export { AiIcon, AiEmoji, AiRobot, Expand, Frame27389, Frame27597, Frame27598, Frame27599, GeminiSparkle, ManifestSparkle, PricePlease, Shape, Shorter, Sparkling2Line, Write, } from './BIK AI specific';
 export { Bell, BellSync, Bulb, Forms, MenuHamburger, MessageSearch, MoreHorizontal, MoreVertical, Placeholder, Search, Settings, Training, } from './Informational/Common UI';
 export { Chat, ChatCheck, ChatQuestion, ChatStar, Email, LiveChat, Phone, } from './Informational/Communication';
 export { ClipboardCheck, Experimental, Help, Percent, Purchase, Services, ShoppingCart, Unsatisfactory, UserSound, } from './Informational/Customer intent';

package/dist/esm/src/index.d.ts

@@ -17,6 +17,7 @@ export * from './components/spinner';
 export * from './components/stepper';
 export * from './components/tag';
 export * from './components/icon-button';
+export * from './components/dual-icon-button';
 export * from './components/template-preview';
 export * from './components/template-context-mapper';
 export * from './components/fab-menu';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.812",
+	"version": "0.0.814-0",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -34,6 +34,7 @@
 	],
 	"scripts": {
 		"build": "NODE_ENV=production rollup -c",
+		"dev": "NODE_ENV=production rollup -c --watch",
 		"build:storybook": "build-storybook",
 		"generate:icons": "npx @svgr/cli --config-file svgr.generate.cjs --out-dir src/icons svgs/",
 		"lint": "eslint . --ext .ts,.tsx,.js,.jsx",
@@ -64,6 +65,7 @@
 	"dependencies": {
 		"@amplitude/analytics-browser": "^2.9.3",
 		"@babel/runtime": "^7.20.7",
+		"@bikdotai/bik-component-library": "^0.0.805-beta.32",
 		"@bikdotai/bik-models": "11.4.0",
 		"@hello-pangea/dnd": "^18.0.1",
 		"@popperjs/core": "^2.11.7",
@@ -154,7 +156,6 @@
 		"@typescript-eslint/parser": "^5.48.1",
 		"@zerollup/ts-transform-paths": "^1.7.18",
 		"babel-loader": "^9.1.2",
-		"caniuse-lite": "^1.0.30001646",
 		"date-fns": "^2.29.3",
 		"eslint": "8.31.0",
 		"eslint-config-prettier": "^8.6.0",