@myelmut/design-system 0.1.39 → 0.1.44

package/dist/types/index.d.ts

@@ -1,10 +1,13 @@
 import { ReactComponent as ArrowIcon } from './arrow.svg';
 import { ReactComponent as ArrowPlainIcon } from './arrow-plain.svg';
 import { ReactComponent as CalendarIcon } from './calendar.svg';
+import { ReactComponent as CheckCircleIcon } from './check-circle.svg';
 import { ReactComponent as CheckIcon } from './check.svg';
+import { ReactComponent as CheckRoundedIcon } from './check-rounded.svg';
 import { ReactComponent as CrossIcon } from './cross.svg';
 import { ReactComponent as CrossRoundedIcon } from './cross-rounded.svg';
 import { default as default_2 } from 'react';
+import { ReactComponent as DollarRoundedIcon } from './dollar-rounded.svg';
 import { ReactComponent as FacebookIcon } from './Facebook.svg';
 import { ReactComponent as FiltersIcon } from './filters.svg';
 import { ForwardRefExoticComponent } from 'react';
@@ -99,8 +102,12 @@ declare interface CheckboxProps {
     className?: string;
 }
 
+export { CheckCircleIcon }
+
 export { CheckIcon }
 
+export { CheckRoundedIcon }
+
 export declare const ClearButton: MemoExoticComponent<({ className, onClick, ...props }: ClearButtonProps) => JSX.Element>;
 
 declare interface ClearButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -137,10 +144,26 @@ export { CrossIcon }
 
 export { CrossRoundedIcon }
 
+export declare const CTACard: ({ title, description, ctaText, onClick, illustration, variant, className, secondaryCtaText, secondaryCtaOnClick }: CTACardProps) => JSX.Element;
+
+declare interface CTACardProps {
+    title: string;
+    description: string;
+    ctaText: string;
+    secondaryCtaText?: string;
+    onClick: () => void;
+    secondaryCtaOnClick?: () => void;
+    illustration: string;
+    variant: 'light' | 'dark';
+    className?: string;
+}
+
 export declare const debounce: (func: (...args: any[]) => void, wait: number) => (...args: any[]) => void;
 
 export declare const disableScroll: () => void;
 
+export { DollarRoundedIcon }
+
 export declare const Dropdown: ({ label, id, options, placeholder, name, className, error, hasError, disabled, onChange, value, required, searchable }: DropdownProps) => JSX.Element;
 
 export declare const DropdownMenu: ({ name, options, value, values, disabled, className, onChange, onChangeMultiple, isOpen, multiple }: DropdownMenuProps) => JSX.Element;
@@ -204,6 +227,31 @@ declare type FaqItemProps = {
     className?: string;
 };
 
+export declare const FeatureCard: ({ features, className, backgroundColor, }: FeatureCardProps) => JSX.Element;
+
+declare interface FeatureCardProps {
+    features: FeatureItem[];
+    className?: string;
+    backgroundColor?: 'lavender' | 'beige' | 'white';
+}
+
+export declare const FeatureIllustration: ({ src, alt, title, className, illustrationClassName, titleClassName, }: FeatureIllustrationProps) => JSX.Element;
+
+declare interface FeatureIllustrationProps {
+    src: string;
+    alt: string;
+    title: string;
+    className?: string;
+    illustrationClassName?: string;
+    titleClassName?: string;
+}
+
+declare interface FeatureItem {
+    id: string;
+    text: string;
+    icon?: default_2.ReactNode;
+}
+
 export declare const Filters: ({ placeholder, label, options, values, onChange, disabled, name, className }: FiltersProps) => JSX.Element;
 
 export { FiltersIcon }
@@ -284,6 +332,18 @@ export declare const frDesign: {
     }
 };
 
+export declare const FrequencySelectorCard: ({ title, description, priceLabel, isSelected, badgeLabel, onClick, className }: FrequencySelectorCardProps) => JSX.Element;
+
+declare interface FrequencySelectorCardProps {
+    title: string;
+    description: string;
+    priceLabel: string;
+    isSelected?: boolean;
+    badgeLabel?: string;
+    onClick?: () => void;
+    className?: string;
+}
+
 export declare const H1: default_2.ForwardRefExoticComponent<Omit<TitleProps, "variant"> & default_2.RefAttributes<HTMLHeadingElement>>;
 
 export declare const H2: default_2.ForwardRefExoticComponent<Omit<TitleProps, "variant"> & default_2.RefAttributes<HTMLHeadingElement>>;
@@ -333,7 +393,7 @@ export declare const Ingredient: ({ label, description, image, className }: Ingr
 declare interface IngredientProps {
     label: string;
     description: string;
-    image: 'carrot' | 'quinoa' | 'potato' | 'apple' | 'dry-carrot' | 'beef' | 'chicken' | 'courgette' | 'duck' | 'fish' | 'liquid' | 'oil' | 'pork' | 'turkey' | 'vitamins' | 'seaweed' | 'rice' | 'beer-yeast' | 'calcium';
+    image: 'carrot' | 'quinoa' | 'potato' | 'dry-apple' | 'dry-carrot' | 'beef' | 'chicken' | 'courgette' | 'duck' | 'fish' | 'liquid' | 'oil' | 'pork' | 'turkey' | 'vitamins' | 'seaweed' | 'rice' | 'beer-yeast' | 'calcium';
     className?: string;
 }
 
@@ -425,6 +485,23 @@ declare interface PaymentCardProps {
     className?: string;
 }
 
+export declare const PlanCard: ({ title, description, dailyAmount, price, originalPrice, discountPercentage, planImage, planImageAlt, className, pricePrefix, priceSuffix, originalPriceSuffix, }: PlanCardProps) => JSX.Element;
+
+declare interface PlanCardProps {
+    title: string;
+    description: string;
+    dailyAmount?: string;
+    price: string;
+    originalPrice?: string;
+    discountPercentage?: string;
+    planImage: string;
+    planImageAlt?: string;
+    className?: string;
+    pricePrefix?: string;
+    priceSuffix?: string;
+    originalPriceSuffix?: string;
+}
+
 export { PlayIcon }
 
 export { PlusIcon }
@@ -547,6 +624,26 @@ declare type StepperProps = {
 
 export { SubtractIcon }
 
+declare interface TabItem {
+    id: string;
+    label: string;
+    content: default_2.ReactNode;
+    disabled?: boolean;
+}
+
+export declare const Tabs: ({ tabs, defaultActiveTab, onTabChange, className, tabClassName, activeTabClassName, contentClassName, variant }: TabsProps) => JSX.Element;
+
+declare interface TabsProps {
+    tabs: TabItem[];
+    defaultActiveTab?: string;
+    onTabChange?: (tabId: string) => void;
+    className?: string;
+    tabClassName?: string;
+    activeTabClassName?: string;
+    contentClassName?: string;
+    variant?: 'default';
+}
+
 export declare const Tag: ({ label, value, onRemove, className }: TagProps) => JSX.Element;
 
 declare interface TagProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myelmut/design-system",
-  "version": "0.1.39",
+  "version": "0.1.44",
   "description": "Design system for Elmut project",
   "repository": {
     "type": "git",
@@ -26,9 +26,9 @@
     "react-i18next": "^16.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^9.1.13",
-    "@storybook/addon-links": "^9.1.13",
-    "@storybook/react-vite": "^9.1.13",
+    "@storybook/addon-docs": "^9.1.16",
+    "@storybook/addon-links": "^9.1.16",
+    "@storybook/react-vite": "^9.1.16",
     "@tailwindcss/postcss": "^4.1.16",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@types/react": "^19.1.9",
@@ -39,17 +39,17 @@
     "autoprefixer": "^10.4.21",
     "clsx": "^2.1.1",
     "concurrently": "^9.2.1",
-    "eslint": "^9.38.0",
+    "eslint": "^9.39.0",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^9.1.13",
+    "eslint-plugin-storybook": "^9.1.16",
     "i18next": "^25.6.0",
     "install": "^0.13.0",
     "postcss": "^8.4.49",
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.7.1",
     "react-docgen-typescript": "^2.4.0",
-    "react-i18next": "^16.2.0",
-    "storybook": "^9.1.13",
+    "react-i18next": "^16.2.3",
+    "storybook": "^9.1.16",
     "tailwindcss": "^4.1.16",
     "typescript": "^5.7.3",
     "vite": "^7.1.12",