@goodhood-web/ui 1.10.0-development.1 → 1.10.0-development.11

package/lib/Icon/Icon.types.d.ts

@@ -1,9 +1,11 @@
 import { AriaRole } from 'react';
+import { default as icons18 } from './icons/18x18';
 import { default as icons24 } from './icons/24x24';
 import { default as icons32 } from './icons/32x32';
 
 export type Icon32 = keyof typeof icons32;
 export type Icon24 = keyof typeof icons24;
+export type Icon18 = keyof typeof icons18;
 type BaseIconProps = {
     className?: string;
     role?: Extract<AriaRole, 'presentation' | 'img'>;
@@ -15,5 +17,8 @@ export type IconProps = ({
 } & BaseIconProps) | ({
     name: Icon24;
     size: '24';
+} & BaseIconProps) | ({
+    name: Icon18;
+    size: '18';
 } & BaseIconProps);
 export {};

package/lib/Icon/icons/18x18/index.d.ts

@@ -0,0 +1,18 @@
+declare const IconsMap: {
+    chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    chevron_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    chevron_right: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    chevron_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+};
+export default IconsMap;

package/lib/Icon/icons/32x32/index.d.ts

@@ -206,6 +206,9 @@ declare const IconsMap: {
     readonly nebenan_de: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    readonly error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     readonly neighbour: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;

package/lib/Icon/icons/index.d.ts

@@ -1,4 +1,21 @@
 declare const iconsMap: {
+    '18': {
+        chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
+        chevron_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
+        chevron_right: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
+        chevron_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
+        privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
+    };
     '24': {
         readonly arrow_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
@@ -353,6 +370,9 @@ declare const iconsMap: {
         readonly nebenan_de: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
+        readonly error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
         readonly neighbour: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;

package/lib/InputFieldSpecial/InputFieldSpecial.d.ts

@@ -0,0 +1,4 @@
+import { InputFieldSpecialProps } from './InputFieldSpecial.types';
+
+declare const InputFieldSpecial: ({ ariaLabel, disabled, errorMessage, id, maxDigits, name, onChange, placeholder, style, value, }: InputFieldSpecialProps) => import("react/jsx-runtime").JSX.Element;
+export default InputFieldSpecial;

package/lib/InputFieldSpecial/InputFieldSpecial.types.d.ts

@@ -0,0 +1,22 @@
+export interface InputFieldSpecialProps {
+    ariaLabel?: string;
+    disabled?: boolean;
+    errorMessage?: string;
+    id: string;
+    maxDigits?: 'two' | 'three' | 'four';
+    name?: string;
+    onChange: (id: string, value: number) => void;
+    placeholder?: string;
+    style?: 'outline' | 'filled';
+    value?: number;
+}
+export declare const maxDigitsInputMap: {
+    four: number;
+    three: number;
+    two: number;
+};
+export declare const maxDigitsValueMap: {
+    four: number;
+    three: number;
+    two: number;
+};

package/lib/InputFieldSpecial/InputFieldSpecial.utils.d.ts

@@ -0,0 +1,3 @@
+import { maxDigitsValueMap } from './InputFieldSpecial.types';
+
+export declare const getValue: (value: number, maxDigits: keyof typeof maxDigitsValueMap) => number;

package/lib/NavigationTab/NavigationTab.d.ts

@@ -0,0 +1,4 @@
+import { NavigationTabProps } from './NavigationTab.types';
+
+declare const NavigationTab: ({ onChange, tabs, value }: NavigationTabProps) => import("react/jsx-runtime").JSX.Element;
+export default NavigationTab;

package/lib/NavigationTab/NavigationTab.types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+export interface TabsProps {
+    content: ReactNode;
+    id: string | number;
+    label: string;
+}
+export interface NavigationTabProps {
+    onChange?: (event: React.SyntheticEvent | null, value: number | string | null) => void;
+    tabs: TabsProps[];
+    value: string | number | null;
+}

package/lib/RadioButton/RadioButton.types.d.ts

@@ -3,5 +3,5 @@ import { InputHTMLAttributes } from 'react';
 export interface RadioButtonTypes extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     id: string;
     label: string;
-    size: 'small' | 'medium';
+    size: 'tiny' | 'small' | 'medium';
 }

package/lib/SelectablePill/SelectablePill.d.ts

@@ -0,0 +1,4 @@
+import { SelectablePillProps } from './SelectablePill.types';
+
+declare const SelectablePill: ({ disabled, icon, id, isSelected, label, onToggleChange, orientation, style, variant, }: SelectablePillProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectablePill;

package/lib/SelectablePill/SelectablePill.types.d.ts

@@ -0,0 +1,13 @@
+import { Icon32 } from '../Icon/Icon.types';
+
+export interface SelectablePillProps {
+    disabled?: boolean;
+    icon?: Icon32;
+    id: string;
+    isSelected?: boolean;
+    label: string;
+    onToggleChange?: (id: string, value: boolean) => void;
+    orientation?: 'horizontal' | 'vertical';
+    style?: 'outline' | 'filled';
+    variant?: 'default' | 'large' | 'medium';
+}

package/lib/SelectablePillGroup/SelectablePillGroup.d.ts

@@ -0,0 +1,4 @@
+import { ToggleButtonGroupProps } from './SelectablePillGroup.types';
+
+declare const SelectablePillGroup: ({ className, items, multiselect, onChange, togglable, }: ToggleButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectablePillGroup;

package/lib/SelectablePillGroup/SelectablePillGroup.types.d.ts

@@ -0,0 +1,9 @@
+import { SelectablePillProps } from '../SelectablePill/SelectablePill.types';
+
+export interface ToggleButtonGroupProps {
+    className?: string;
+    items: SelectablePillProps[];
+    multiselect: boolean;
+    onChange: (selectedPills: string[]) => void;
+    togglable?: boolean;
+}

package/lib/SwitcherToggle/SwitcherToggle.d.ts

@@ -0,0 +1,4 @@
+import { SwitcherToggleProps } from './SwitcherToggle.types';
+
+declare const SwitcherToggle: ({ className, items, onChange, style, value, }: SwitcherToggleProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SwitcherToggle;

package/lib/SwitcherToggle/SwitcherToggle.types.d.ts

@@ -0,0 +1,12 @@
+export interface Item {
+    defaultChecked?: boolean;
+    id: string;
+    label: string;
+}
+export interface SwitcherToggleProps {
+    className?: string;
+    items: Item[];
+    onChange: (value: string) => void;
+    style?: 'outline' | 'filled';
+    value: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "1.10.0-development.1",
+  "version": "1.10.0-development.11",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {