@goodhood-web/ui 1.1.0-development.9 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +15 -15
- package/index.mjs +435 -430
- package/lib/BaseButton/BaseButton.d.ts +2 -1
- package/lib/MenuItem/MenuItem.d.ts +1 -1
- package/lib/MenuItem/MenuItem.types.d.ts +3 -1
- package/package.json +1 -1
- package/style.css +1 -1
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ButtonOwnProps } from '@mui/base';
|
|
2
|
+
import { AriaRole } from 'react';
|
|
3
3
|
export interface BaseButtonProps extends ButtonOwnProps {
|
|
4
4
|
ariaLabel?: string;
|
|
5
5
|
ariaLabelledBy?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
onClick: () => void;
|
|
8
8
|
ref?: React.ForwardedRef<null>;
|
|
9
|
+
role?: AriaRole;
|
|
9
10
|
}
|
|
10
11
|
declare const BaseButton: (props: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export default BaseButton;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { MenuItemProps } from './MenuItem.types';
|
|
2
|
-
declare const MenuItem: ({ isSelected, labelPillText, leftIcon, onClick, rightIcon, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const MenuItem: ({ isSelected, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default MenuItem;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { BaseButtonProps } from '../BaseButton/BaseButton';
|
|
2
3
|
export interface MenuItemProps {
|
|
3
4
|
isSelected?: boolean;
|
|
4
5
|
labelPillText?: string;
|
|
5
6
|
leftIcon: ReactNode;
|
|
6
|
-
onClick:
|
|
7
|
+
onClick: BaseButtonProps['onClick'];
|
|
7
8
|
rightIcon?: ReactNode;
|
|
9
|
+
role?: BaseButtonProps['role'];
|
|
8
10
|
text: string;
|
|
9
11
|
}
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._baseBtn_ip10j_9{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}._baseBtn--active_ip10j_16{background:#b1b1b1}._root_k9ng1_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_k9ng1_19{border-radius:8px}._root_1eufb_9{padding:8px 0;color:inherit}._iconComponent_wm21j_9{display:block}._iconComponent_wm21j_9 path{stroke:currentColor}._iconButton_o1yeb_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_o1yeb_9:disabled{background:none}._iconButton_o1yeb_9:hover,._iconButton_o1yeb_9:active{background:none}._iconButton--circular_o1yeb_29{border-radius:50%;background:#cae85d}._iconButton--circular_o1yeb_29:disabled{background:#ffffff}._iconButton--circular_o1yeb_29:hover{background:#b5d622}._iconButton--circular_o1yeb_29:active{background:#cae85d}._iconButton--circular-small_o1yeb_42{width:40px;height:40px}._iconButton--circular-medium_o1yeb_46{width:48px;height:48px}._iconButton--circular-large_o1yeb_50{width:56px;height:56px}._root_cl70z_9{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_cl70z_17{flex-grow:1;margin:0}._h1_1ez1w_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_1ez1w_21{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:Semi Bold;letter-spacing:0;line-height:32px;text-decoration:none;text-indent:0px;text-transform:none}._h3_1ez1w_33{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h4_1ez1w_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_1ez1w_57{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h6_1ez1w_69{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:1;line-height:24px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h7_1ez1w_81{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:Extra Bold;letter-spacing:1;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h8_1ez1w_93{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:1.5;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._body-large_1ez1w_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_1ez1w_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_1ez1w_129{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Semi Bold;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_1ez1w_141{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Italic;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._detail-medium_1ez1w_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_1ez1w_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_1ez1w_177{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._ccBtn_m1hy4_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_wdc7c_9{display:flex;align-items:center}._dividerLine_wdc7c_14{height:1px;flex-grow:1;background-color:#d2d0db}._fieldset_rrcgx_9{border:none}._labelPill_g855k_9{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_g855k_9 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_g855k_21{height:20px;padding:0 8px}._labelPill--small_g855k_21 span{font-size:10px;font-weight:800;text-transform:uppercase}._labelPill--medium_g855k_30{padding:4px 8px}._labelPill--medium_g855k_30 span{font-size:12px;font-weight:700}._legend_pd0i8_9{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_pd0i8_9 ._text_pd0i8_15{color:#635c80}._menuItem_17k22_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_17k22_9 ._highlightFrame_17k22_21{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_17k22_9 ._rightIcon_17k22_29{display:inherit;margin-left:auto;color:#635c80}._menuItem--selected_17k22_34 ._highlightFrame_17k22_21{background-color:#f2fbc4}._menuItem--selected_17k22_34:hover{color:#738c00}._menuItem_17k22_9:not(._menuItem--selected_17k22_34):hover{color:#635c80}._menuItem_17k22_9:not(._menuItem--selected_17k22_34):hover ._highlightFrame_17k22_21{background-color:#f4f3f6}._bubbleContent_3brht_9{position:relative;display:inline-block}._bubble_3brht_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_3brht_34{width:12px;height:12px}._root_5rtyd_16{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_5rtyd_23{width:24px;height:24px}._root--28_5rtyd_27{width:28px;height:28px}._root--32_5rtyd_31{width:32px;height:32px}._root--40_5rtyd_35{width:40px;height:40px}._root--48_5rtyd_39{width:48px;height:48px}._root--56_5rtyd_43{width:56px;height:56px}._root--64_5rtyd_47{width:64px;height:64px}._root--80_5rtyd_51{width:80px;height:80px}._root--120_5rtyd_55{width:120px;height:120px}._root--280_5rtyd_59{width:280px;height:280px}._root--square_5rtyd_63._root--24_5rtyd_23,._root--square_5rtyd_63._root--32_5rtyd_31{border-radius:4px}._root--square_5rtyd_63._root--40_5rtyd_35,._root--square_5rtyd_63._root--48_5rtyd_39{border-radius:8px}._root--square_5rtyd_63._root--56_5rtyd_43,._root--square_5rtyd_63._root--64_5rtyd_47{border-radius:12px}._root--square_5rtyd_63._root--80_5rtyd_51,._root--square_5rtyd_63._root--120_5rtyd_55{border-radius:16px}._root--circular_5rtyd_75{border-radius:50%}._root--isPlaceholder_5rtyd_78:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_5rtyd_16 img{width:100%;height:100%;object-fit:cover}._switch_e5ui2_9{position:relative;display:inline-block;width:48px;height:28px}._switch_e5ui2_9 input{position:absolute;z-index:2;width:48px;height:28px;opacity:0}._switch_e5ui2_9 input:not(:disabled){cursor:pointer}._switch_e5ui2_9 ._slider_e5ui2_25{z-index:1;display:block;width:100%;height:100%;border-radius:34px;background-color:#e9e8ed;box-shadow:0 1px 3px #0003 inset;transition:.4s}._switch_e5ui2_9 ._slider_e5ui2_25:before{position:absolute;right:3px;bottom:2px;width:24px;height:24px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px #0003;content:"";transform:translate(-18px);transition:.4s}._switch_e5ui2_9 ._slider_e5ui2_25._focusVisible_e5ui2_48{box-shadow:0 0 0 3px #cae85d}._switch_e5ui2_9 input:checked+._slider_e5ui2_25{background-color:#201649}._switch_e5ui2_9 input:checked+._slider_e5ui2_25:before{transform:translate(0)}._toggleInput_1yd5q_9{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_1yd5q_9 svg{flex-shrink:0}._toggleInput_1yd5q_9 ._textLabel_1yd5q_22{flex-grow:1}._toggleInput_1yd5q_9 ._switch_1yd5q_25{flex-shrink:0}._toggleInput--checked_1yd5q_28{color:#201649}._toggleInput--disabled_1yd5q_31{cursor:unset}._toggleInput--withBorder_1yd5q_34{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px #d2d0db}
|