@goodhood-web/nebenan-base 1.0.0-development.6 → 1.0.0-development.7

package/lib/MobileLayout/components/MobileHeaderBar/MobileHeaderBar.d.ts

@@ -0,0 +1,3 @@
+import { MobileHeaderBarProps } from './MobileHeaderBar.types';
+declare const MobileHeaderBar: ({ as, className, left, right, title, type, }: MobileHeaderBarProps) => import("react/jsx-runtime").JSX.Element;
+export default MobileHeaderBar;

package/lib/MobileLayout/components/MobileHeaderBar/MobileHeaderBar.types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IconProps } from 'libs/ui/src/lib/Icon/Icon.types';
+import { IconButtonProps } from 'libs/ui/src/lib/IconButton/IconButton.types';
+import { NotificationBubbleProps } from 'libs/ui/src/lib/NotificationBubble/NotificationBubble.types';
+import { TypographyProps } from 'libs/ui/src/lib/Typography/Typography.types';
+export interface MobileHeaderBarProps {
+    as?: Exclude<TypographyProps['as'], 'h1'>;
+    className?: string;
+    left?: React.ReactElement<IconProps | NotificationBubbleProps | IconButtonProps>;
+    right?: React.ReactElement<IconProps | NotificationBubbleProps | IconButtonProps>;
+    title: string;
+    type?: Exclude<TypographyProps['type'], 'h1'>;
+}

package/lib/MobileLayout/utils/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const findAllowedElement: (elements: React.ReactNode, type: React.ElementType) => React.ReactNode;
+export declare const filterAllowedElements: (elements: React.ReactNode, allowedElements: React.ElementType[]) => React.ReactNode[];

package/lib/Profile/Profile.d.ts

@@ -0,0 +1,3 @@
+import { ProfileProps } from './Profile.types';
+declare const Profile: ({ alt, link, name, onClick, src }: ProfileProps) => import("react/jsx-runtime").JSX.Element;
+export default Profile;

package/lib/Profile/Profile.types.d.ts

@@ -0,0 +1,7 @@
+export interface ProfileProps {
+    alt: string;
+    link: string;
+    name: string;
+    onClick: () => void;
+    src: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "1.0.0-development.6",
+  "version": "1.0.0-development.7",
   "main": "./index.js",
   "types": "./index.d.ts",
   "publishConfig": {

package/style.css

@@ -0,0 +1 @@
+._baseBtn_ks215_9{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}._root_nfqep_9{display:flex;overflow:hidden;width:100%;flex-direction:column;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#201649}._root--border-radius_nfqep_19{border-radius:8px}._root_1rmrs_9{padding:8px 0;color:inherit}._iconComponent_1ijb5_9{display:block}._iconComponent_1ijb5_9 path{stroke:currentColor}._iconButton_b2w5x_9{display:flex;width:auto;min-width:unset;height:auto;min-height:unset;flex-shrink:0;align-items:center;justify-content:center;color:#201649}._iconButton_b2w5x_9:disabled{background:none}._iconButton_b2w5x_9:hover,._iconButton_b2w5x_9:active{background:none}._iconButton--circular_b2w5x_29{border-radius:50%;background:#cae85d}._iconButton--circular_b2w5x_29:disabled{background:#ffffff}._iconButton--circular_b2w5x_29:hover{background:#b5d622}._iconButton--circular_b2w5x_29:active{background:#cae85d}._iconButton--circular-small_b2w5x_42{width:40px;height:40px}._iconButton--circular-medium_b2w5x_46{width:48px;height:48px}._iconButton--circular-large_b2w5x_50{width:56px;height:56px}._root_1px8g_9{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_1px8g_17{flex-grow:1;margin:0}._h1_h59zb_9{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:500;letter-spacing:0;line-height:40px;text-decoration:none;text-indent:0px;text-transform:none}._h2_h59zb_21{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:600;letter-spacing:0;line-height:32px;text-decoration:none;text-indent:0px;text-transform:none}._h3_h59zb_33{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h4_h59zb_45{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h5_h59zb_57{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h6_h59zb_69{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;line-height:24px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h7_h59zb_81{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:1px;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h8_h59zb_93{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:1.5px;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._body-large_h59zb_105{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._body-regular_h59zb_117{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-semibold_h59zb_129{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_h59zb_141{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._detail-medium_h59zb_153{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-bold_h59zb_165{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-upper-case_h59zb_177{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._detail-regular_h59zb_189{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._ccBtn_tn7g4_9{display:flex;width:100%;height:40px;align-items:center;align-self:stretch;padding:8px 16px;border-color:transparent;border-radius:12px;background-color:#f4f3f6;color:#201649;cursor:pointer;font-size:14px}._dividerContainer_18af7_9{display:flex;align-items:center}._dividerLine_18af7_14{height:1px;flex-grow:1;background-color:#d2d0db}._fieldset_1aagj_9{border:none}._labelPill_19p0x_9{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_19p0x_9 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_19p0x_21{height:20px;padding:0 8px}._labelPill--small_19p0x_21 span{font-size:10px;font-weight:800;text-transform:uppercase}._labelPill--medium_19p0x_30{padding:4px 8px}._labelPill--medium_19p0x_30 span{font-size:12px;font-weight:700}._legend_125cz_9{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_125cz_9 ._text_125cz_15{color:#635c80}._menuItem_1efak_9{display:flex;width:100%;flex-shrink:0;align-items:center;padding:0 8px;background-color:#fff;color:#201649;cursor:pointer;gap:8px;text-decoration:none}._menuItem_1efak_9 ._highlightFrame_1efak_21{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_1efak_9 ._rightIcon_1efak_29{display:inherit;margin-left:auto;color:#635c80}._menuItem--selected_1efak_34{color:#201649}._menuItem--selected_1efak_34 ._leftIcon_1efak_37{color:#738c00}._menuItem--selected_1efak_34 ._highlightFrame_1efak_21{background-color:#f2fbc4}._menuItem--selected_1efak_34:hover{color:#738c00}._menuItem_1efak_9:not(._menuItem--selected_1efak_34):hover{color:#635c80}._menuItem_1efak_9:not(._menuItem--selected_1efak_34):hover ._highlightFrame_1efak_21{background-color:#f4f3f6}._bubbleContent_n3ev7_9{position:relative;display:inline-block}._bubble_n3ev7_9{position:absolute;z-index:auto;top:6px;right:6px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background-color:#ff9de2;color:#201649;font-size:12px;font-weight:700;text-align:center;transform:translate(50%,-50%);transform-origin:100% 0;white-space:nowrap}._bubble--empty_n3ev7_34{width:12px;height:12px}._wrapper_fq456_9{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:8px;border-radius:8px}._wrapper--secondary1_fq456_18{background-color:#c1b7ea}._wrapper--secondary1_fq456_18 path{stroke:#7c5bff}._wrapper--secondary1_fq456_18._wrapper--iconWrapper_fq456_24{background-color:#e8e3ff}._wrapper--secondary2_fq456_27{background-color:#98cbd6}._wrapper--secondary2_fq456_27 path{stroke:#01819c}._wrapper--secondary2_fq456_27._wrapper--iconWrapper_fq456_24{background-color:#e0f5f9}._wrapper--secondary3_fq456_36{background-color:#dc8541}._wrapper--secondary3_fq456_36 path{stroke:#ebaa77}._wrapper--secondary3_fq456_36._wrapper--iconWrapper_fq456_24{background-color:#fbecdf}._wrapper--iconWrapper_fq456_24{width:72px;height:72px;border-radius:999px}._smartLink_17qoz_9{color:inherit;text-decoration:none}._smartLinkButton_17qoz_14{min-width:unset;min-height:unset;color:inherit}._textButton_1nit7_9{display:flex;height:1.5rem;min-height:1.5rem;align-items:center;justify-content:center;gap:8px}._textButton--green_1nit7_17{color:#cae85d}._textButton--green_1nit7_17:active{color:#b5d622}._textButton--blue_1nit7_23,._textButton--blue_1nit7_23:active{color:#01819c}._textButton--text_1nit7_29{color:#635c80}._textButton_1nit7_9:active{background:none}._textButton_1nit7_9:disabled{color:#d2d0db}._wrapper_14dtk_9{width:100%}._wrapper_14dtk_9 ._textInputContainer_14dtk_12{position:relative}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 label{position:absolute;top:50%;right:16px;left:16px;overflow:hidden;text-overflow:ellipsis;transform:translateY(-50%);transition:top .3s,font-size .3s;white-space:nowrap}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput_14dtk_12{overflow:hidden;width:100%;color:#201649;outline:none;text-overflow:ellipsis;white-space:nowrap}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput_14dtk_12+label{color:#635c80}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput_14dtk_12:focus+label,._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput_14dtk_12:not(:placeholder-shown)+label{top:16px}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput_14dtk_12:focus+label>span,._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput_14dtk_12:not(:placeholder-shown)+label>span{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--medium_14dtk_51{padding:16px;border-radius:16px;margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--medium_14dtk_51:focus,._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--medium_14dtk_51:not(:placeholder-shown){padding-top:26px;padding-bottom:6px}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--medium_14dtk_51._textInput--light_14dtk_68{padding:15px}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--medium_14dtk_51._textInput--light_14dtk_68:focus,._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--medium_14dtk_51._textInput--light_14dtk_68:not(:placeholder-shown){padding-top:25px;padding-bottom:5px}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--small_14dtk_75{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none;padding:8px 16px;border-radius:12px}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--small_14dtk_75:focus+label,._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--small_14dtk_75:not(:placeholder-shown)+label{display:none}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--small_14dtk_75._textInput--light_14dtk_68{padding:7px 15px}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--dark_14dtk_94{background-color:#f4f3f6}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--dark_14dtk_94:hover{background-color:#e9e8ed}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--dark_14dtk_94:disabled{color:#a6a2b6}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--dark_14dtk_94:disabled:hover{background-color:#f4f3f6}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--dark_14dtk_94:disabled+label{color:#a6a2b6}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--light_14dtk_68{border:1px solid #a6a2b6;background-color:#fff}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--light_14dtk_68:hover{border-color:#797392;background-color:#f4f3f6}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--light_14dtk_68:disabled{border-color:#d2d0db;color:#a6a2b6}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--light_14dtk_68:disabled:hover{background-color:#fff}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--light_14dtk_68:disabled+label{color:#a6a2b6}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--error_14dtk_127{padding:15px;border:1px solid #CC339F;background-color:#fde6f7;color:#201649}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--error_14dtk_127:hover{background-color:#fde6f7}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--error_14dtk_127:focus,._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--error_14dtk_127:not(:placeholder-shown){padding-top:25px;padding-bottom:5px}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--error_14dtk_127:disabled{border-color:#cc339f}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--error_14dtk_127:disabled:hover{background-color:#fde6f7}._wrapper_14dtk_9 ._textInputContainer_14dtk_12 ._textInput--error_14dtk_127._textInput--small_14dtk_75{padding:7px 15px}._wrapper_14dtk_9 ._textInputContainer--errorMessage_14dtk_149{display:block;margin-top:4px;margin-left:8px;color:#cc339f;text-transform:capitalize}._root_i6qco_16{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_i6qco_23{width:24px;height:24px}._root--28_i6qco_27{width:28px;height:28px}._root--32_i6qco_31{width:32px;height:32px}._root--40_i6qco_35{width:40px;height:40px}._root--48_i6qco_39{width:48px;height:48px}._root--56_i6qco_43{width:56px;height:56px}._root--64_i6qco_47{width:64px;height:64px}._root--80_i6qco_51{width:80px;height:80px}._root--120_i6qco_55{width:120px;height:120px}._root--280_i6qco_59{width:280px;height:280px}._root--square_i6qco_63._root--24_i6qco_23,._root--square_i6qco_63._root--32_i6qco_31{border-radius:4px}._root--square_i6qco_63._root--40_i6qco_35,._root--square_i6qco_63._root--48_i6qco_39{border-radius:8px}._root--square_i6qco_63._root--56_i6qco_43,._root--square_i6qco_63._root--64_i6qco_47{border-radius:12px}._root--square_i6qco_63._root--80_i6qco_51,._root--square_i6qco_63._root--120_i6qco_55{border-radius:16px}._root--circular_i6qco_75{border-radius:50%}._root--isPlaceholder_i6qco_78:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_i6qco_16 img{width:100%;height:100%;object-fit:cover}._switch_1q1i2_9{position:relative;display:inline-block;width:48px;height:28px}._switch_1q1i2_9 ._slider_1q1i2_15{z-index:1;display:block;width:100%;height:100%;border-radius:100px;background-color:#d2d0db;box-shadow:inset 0 0 0 1.5px #a6a2b6;transition:.4s}._switch_1q1i2_9 ._slider_1q1i2_15:before{position:absolute;right:0;bottom:2px;width:24px;height:24px;border-radius:50%;background-color:#fff;content:"";transform:translate(calc(-100% + 2px));transition:.4s}._switch_1q1i2_9 ._slider_1q1i2_15._focusVisible_1q1i2_37{box-shadow:inset 0 0 0 1.5px #43adc3!important}._switch_1q1i2_9 input{position:absolute;z-index:2;width:48px;height:28px;opacity:0}._switch_1q1i2_9 input:not(:disabled){cursor:pointer}._switch_1q1i2_9 input:hover+._slider_1q1i2_15{box-shadow:inset 0 0 0 1.5px #797392}._switch_1q1i2_9 input:disabled+._slider_1q1i2_15{opacity:.4}._switch_1q1i2_9 input:checked+._slider_1q1i2_15{background-color:#201649;box-shadow:inset 0 0 0 1.5px #201649}._switch_1q1i2_9 input:checked+._slider_1q1i2_15:before{transform:translate(-2px)}._switch_1q1i2_9 input:checked:hover+._slider_1q1i2_15{background-color:#635c80;box-shadow:inset 0 0 0 1.5px #635c80}._toggleInput_th54o_9{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_th54o_9 svg{flex-shrink:0}._toggleInput_th54o_9 ._textLabel_th54o_22{flex-grow:1}._toggleInput_th54o_9 ._switch_th54o_25{flex-shrink:0}._toggleInput--checked_th54o_28{color:#201649}._toggleInput--disabled_th54o_31{cursor:unset}._toggleInput--withBorder_th54o_34{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px #d2d0db}._root_1346w_9{display:flex;gap:16px;cursor:pointer}._text_1346w_15{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}._link_1346w_22{color:#635c80}

package/lib/nebenan-base.d.ts

@@ -1,4 +0,0 @@
-export interface NebenanBaseProps {
-}
-export declare function NebenanBase(): import("react/jsx-runtime").JSX.Element;
-export default NebenanBase;