@goodhood-web/ui 4.4.0 → 4.5.0-development.1

package/lib/Atoms/Badges/LabelPill/LabelPill.types.d.ts

@@ -1,4 +1,4 @@
-export type Color = 'teal' | 'lavender' | 'grey';
+export type Color = 'teal' | 'lavender' | 'grey' | 'inherit';
 interface CommonProps {
     className?: string;
     label: string;

package/lib/Atoms/Badges/Sticker/Sticker.d.ts

@@ -1,3 +1,3 @@
 import { StickerProps } from './Sticker.types';
-declare const Sticker: ({ className, color, icon, size, value }: StickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Sticker: ({ className, color, disabled, icon, iconSize, size, value, }: StickerProps) => import("react/jsx-runtime").JSX.Element;
 export default Sticker;

package/lib/Atoms/Badges/Sticker/Sticker.types.d.ts

@@ -1,12 +1,15 @@
-import { Icon32 } from '../../../Base/Icon/Icon.types';
+import { Icon16, Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
 export type StickerProps = {
     className?: string;
     color: 'green' | 'pink' | 'lavender' | 'teal' | 'tealAlt' | 'orange' | 'grey' | 'lightGrey' | 'darkGrey';
+    disabled?: boolean;
     size: 'tiny' | 'small' | 'medium' | 'large';
 } & ({
     icon?: never;
+    iconSize?: never;
     value: number;
 } | {
-    icon: Icon32;
+    icon: Icon32 | Icon24 | Icon16;
+    iconSize?: '32' | '24' | '16';
     value?: never;
 });

package/lib/Atoms/Badges/Sticker/utils.d.ts

@@ -0,0 +1,11 @@
+import { Icon16, Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
+export declare const getIconProps: (size: "16" | "24" | "32", name: string) => {
+    name: Icon16;
+    size: "16";
+} | {
+    name: Icon24;
+    size: "24";
+} | {
+    name: Icon32;
+    size: "32";
+};

package/lib/Atoms/Buttons/IconButton/IconButton.types.d.ts

@@ -6,6 +6,7 @@ type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> &
     ariaLabel?: string;
     ariaLabelledBy?: string;
     className?: string;
+    defaultSize?: boolean;
     iconClassName?: string;
     loading?: boolean;
     type?: 'button' | 'submit' | 'reset';

package/lib/Atoms/Inputs/RadioButtonSpecial/RadioButtonSpecial.d.ts

@@ -0,0 +1,3 @@
+import { RadioButtonSpecialProps } from './RadioButtonSpecial.types';
+export declare function RadioButtonSpecial({ checked, className, disabled, id, infoIcon, label, name, onChange, onClick, pill, size, sticker, text, title, value, }: RadioButtonSpecialProps): import("react/jsx-runtime").JSX.Element;
+export default RadioButtonSpecial;

package/lib/Atoms/Inputs/RadioButtonSpecial/RadioButtonSpecial.types.d.ts

@@ -0,0 +1,17 @@
+import { default as React, InputHTMLAttributes } from 'react';
+import { StickerProps } from '../../Badges/Sticker/Sticker.types';
+export type RadioButtonSpecialProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'disabled' | 'id' | 'onChange' | 'value' | 'onClick' | 'name'> & {
+    className?: string;
+    infoIcon?: React.ReactNode;
+    label?: string;
+    sticker?: StickerProps;
+    title: string;
+} & ({
+    pill?: never;
+    size: 'tiny' | 'small';
+    text?: never;
+} | {
+    pill?: string;
+    size: 'medium';
+    text?: string;
+});

package/lib/Base/Icon/icons/filled/16x16/index.d.ts

@@ -5,5 +5,17 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    sparkles_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    star_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
 };
 export default IconsMap;

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

@@ -6,6 +6,18 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        sparkles_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
+        star_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
     };
     '24': {
         readonly bookmark_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {

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

@@ -63,6 +63,18 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            sparkles_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
+            star_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
         };
         '24': {
             readonly bookmark_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -107,6 +119,12 @@ declare const iconsMap: {
     };
     outline: {
         '16': {
+            arrow_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;

package/lib/Base/Icon/icons/outline/16x16/index.d.ts

@@ -1,4 +1,10 @@
 declare const IconsMap: {
+    arrow_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

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

@@ -1,5 +1,11 @@
 declare const iconsMap: {
     '16': {
+        arrow_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;

package/lib/Molecules/Notices/Notice/Notice.types.d.ts

@@ -7,6 +7,7 @@ interface NoticePropsBase {
     cta?: {
         color?: TextButtonProps['color'];
         onClick: TextButtonProps['onClick'];
+        rightIcon?: TextButtonProps['rightIcon'];
         text: string;
     };
     headline?: string;

package/lib/Molecules/Selections/RadioButtonCluster/RadioButtonCluster.types.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEvent, ReactNode } from 'react';
 export interface RadioButtonClusterTypes {
     children: ReactNode;
+    className?: string;
     disabled?: boolean;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     value?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "4.4.0",
+  "version": "4.5.0-development.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",