@goodhood-web/ui 1.1.0-development.18 → 1.1.0-development.2
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 +11 -11
- package/index.mjs +680 -688
- package/lib/BaseButton/BaseButton.d.ts +1 -2
- package/lib/Icon/icons/32x32/index.d.ts +0 -3
- package/lib/Icon/icons/index.d.ts +0 -3
- package/lib/MenuItem/MenuItem.d.ts +1 -1
- package/lib/MenuItem/MenuItem.types.d.ts +1 -3
- package/package.json +2 -3
- package/style.css +1 -1
- package/styles/_design-tokens.scss +0 -1
- package/styles/_functions.scss +0 -25
|
@@ -1,12 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
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;
|
|
10
9
|
}
|
|
11
10
|
declare const BaseButton: (props: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
export default BaseButton;
|
|
@@ -144,9 +144,6 @@ declare const IconsMap: {
|
|
|
144
144
|
readonly list: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
145
145
|
title?: string | undefined;
|
|
146
146
|
}>;
|
|
147
|
-
readonly log_in: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
148
|
-
title?: string | undefined;
|
|
149
|
-
}>;
|
|
150
147
|
readonly log_out: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
151
148
|
title?: string | undefined;
|
|
152
149
|
}>;
|
|
@@ -273,9 +273,6 @@ declare const iconsMap: {
|
|
|
273
273
|
readonly list: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
274
274
|
title?: string | undefined;
|
|
275
275
|
}>;
|
|
276
|
-
readonly log_in: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
277
|
-
title?: string | undefined;
|
|
278
|
-
}>;
|
|
279
276
|
readonly log_out: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
280
277
|
title?: string | undefined;
|
|
281
278
|
}>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { MenuItemProps } from './MenuItem.types';
|
|
2
|
-
declare const MenuItem: ({ isSelected, labelPillText, leftIcon, onClick, rightIcon,
|
|
2
|
+
declare const MenuItem: ({ isSelected, labelPillText, leftIcon, onClick, rightIcon, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default MenuItem;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { BaseButtonProps } from '../BaseButton/BaseButton';
|
|
3
2
|
export interface MenuItemProps {
|
|
4
3
|
isSelected?: boolean;
|
|
5
4
|
labelPillText?: string;
|
|
6
5
|
leftIcon: ReactNode;
|
|
7
|
-
onClick:
|
|
6
|
+
onClick: () => void;
|
|
8
7
|
rightIcon?: ReactNode;
|
|
9
|
-
role?: BaseButtonProps['role'];
|
|
10
8
|
text: string;
|
|
11
9
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@goodhood-web/ui",
|
|
3
|
-
"version": "1.1.0-development.
|
|
3
|
+
"version": "1.1.0-development.2",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"types": "./index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
},
|
|
16
16
|
"private": false,
|
|
17
17
|
"peerDependencies": {
|
|
18
|
-
"@mui/base": "^5.0.0-beta.27"
|
|
19
|
-
"@goodhood/design-tokens": "dev"
|
|
18
|
+
"@mui/base": "^5.0.0-beta.27"
|
|
20
19
|
}
|
|
21
20
|
}
|
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._baseBtn_1r0xb_5{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}._baseBtn--active_1r0xb_12{background:#b1b1b1}._root_ann27_5{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_ann27_15{border-radius:8px}._root_kfd82_5{padding:8px 0;color:inherit}._iconComponent_s85d7_5{display:block}._iconComponent_s85d7_5 path{stroke:currentColor}._iconButton_51nxe_5{display:flex;width:auto;min-width:unset;height:auto;min-height:unset;flex-shrink:0;align-items:center;justify-content:center;color:#201649}._iconButton_51nxe_5:disabled{background:none}._iconButton_51nxe_5:hover,._iconButton_51nxe_5:active{background:none}._iconButton--circular_51nxe_25{border-radius:50%;background:#cae85d}._iconButton--circular_51nxe_25:disabled{background:#ffffff}._iconButton--circular_51nxe_25:hover{background:#b5d622}._iconButton--circular_51nxe_25:active{background:#cae85d}._iconButton--circular-small_51nxe_38{width:40px;height:40px}._iconButton--circular-medium_51nxe_42{width:48px;height:48px}._iconButton--circular-large_51nxe_46{width:56px;height:56px}._root_9ve6u_5{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_9ve6u_13{flex-grow:1;margin:0}._h1_1ohbl_5{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_1ohbl_17{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_1ohbl_29{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_1ohbl_41{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_1ohbl_53{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_1ohbl_65{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_1ohbl_77{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_1ohbl_89{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_1ohbl_101{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_1ohbl_113{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._body-semibold_1ohbl_125{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_1ohbl_137{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Italic;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._detail-medium_1ohbl_149{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_1ohbl_161{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_1ohbl_173{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_1a3lk_5{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_zbq8i_5{display:flex;align-items:center}._dividerLine_zbq8i_10{height:1px;flex-grow:1;background-color:#d2d0db}._fieldset_nicjl_5{border:none}._labelPill_1rbex_5{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_1rbex_5 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_1rbex_17{height:20px;padding:0 8px}._labelPill--small_1rbex_17 span{font-size:10px;font-weight:800;text-transform:uppercase}._labelPill--medium_1rbex_26{padding:4px 8px}._labelPill--medium_1rbex_26 span{font-size:12px;font-weight:700}._legend_121jx_5{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_121jx_5 ._text_121jx_11{color:#635c80}._menuItem_1lgof_5{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_1lgof_5 ._highlightFrame_1lgof_17{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_1lgof_5 ._rightIcon_1lgof_25{display:inherit;margin-left:auto}._menuItem_1lgof_5 ._rightIcon_1lgof_25 svg path{stroke:#635c80!important}._menuItem--selected_1lgof_32 ._highlightFrame_1lgof_17{background-color:#f2fbc4}._menuItem--selected_1lgof_32 ._highlightFrame_1lgof_17 svg path{stroke:#738c00}._menuItem--selected_1lgof_32:hover{color:#738c00}._menuItem_1lgof_5:not(._menuItem--selected_1lgof_32):active{background-color:#f4f3f6}._menuItem_1lgof_5:not(._menuItem--selected_1lgof_32):hover{color:#635c80}._menuItem_1lgof_5:not(._menuItem--selected_1lgof_32):hover svg path{stroke:#635c80}._menuItem_1lgof_5:not(._menuItem--selected_1lgof_32):hover ._highlightFrame_1lgof_17{background-color:#f4f3f6}._bubbleContent_1p3aw_5{position:relative;display:inline-block}._bubble_1p3aw_5{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_1p3aw_30{width:12px;height:12px}._root_154gi_12{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_154gi_19{width:24px;height:24px}._root--28_154gi_23{width:28px;height:28px}._root--32_154gi_27{width:32px;height:32px}._root--40_154gi_31{width:40px;height:40px}._root--48_154gi_35{width:48px;height:48px}._root--56_154gi_39{width:56px;height:56px}._root--64_154gi_43{width:64px;height:64px}._root--80_154gi_47{width:80px;height:80px}._root--120_154gi_51{width:120px;height:120px}._root--280_154gi_55{width:280px;height:280px}._root--square_154gi_59._root--24_154gi_19,._root--square_154gi_59._root--32_154gi_27{border-radius:4px}._root--square_154gi_59._root--40_154gi_31,._root--square_154gi_59._root--48_154gi_35{border-radius:8px}._root--square_154gi_59._root--56_154gi_39,._root--square_154gi_59._root--64_154gi_43{border-radius:12px}._root--square_154gi_59._root--80_154gi_47,._root--square_154gi_59._root--120_154gi_51{border-radius:16px}._root--circular_154gi_71{border-radius:50%}._root--isPlaceholder_154gi_74:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_154gi_12 img{width:100%;height:100%;object-fit:cover}._switch_wzvtf_5{position:relative;display:inline-block;width:48px;height:28px}._switch_wzvtf_5 input{position:absolute;z-index:2;width:48px;height:28px;cursor:pointer;opacity:0}._switch_wzvtf_5 ._slider_wzvtf_19{z-index:1;display:block;width:100%;height:100%;border-radius:34px;background-color:#e9e8ed;box-shadow:0 1px 3px #0003 inset;cursor:pointer;transition:.4s}._switch_wzvtf_5 ._slider_wzvtf_19: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_wzvtf_5 ._slider_wzvtf_19._focusVisible_wzvtf_43{box-shadow:0 0 0 3px #cae85d}._switch_wzvtf_5 input:checked+._slider_wzvtf_19{background-color:#b5d622}._switch_wzvtf_5 input:checked+._slider_wzvtf_19:before{transform:translate(0)}._toggleInput_1oelr_5{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_1oelr_5 svg{flex-shrink:0}._toggleInput_1oelr_5 ._textLabel_1oelr_18{flex-grow:1}._toggleInput_1oelr_5 ._switch_1oelr_21{flex-shrink:0}._toggleInput--checked_1oelr_24{color:#201649}._toggleInput--withBorder_1oelr_27{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px #d2d0db}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@forward '@goodhood/design-tokens/lib/web/index';
|
package/styles/_functions.scss
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
|
|
3
|
-
@forward 'design-tokens';
|
|
4
|
-
|
|
5
|
-
@function mapGet($map, $keys...) {
|
|
6
|
-
$value: map.get($map, $keys...);
|
|
7
|
-
|
|
8
|
-
@if not $value {
|
|
9
|
-
@error "Value not found for keys: #{$keys}";
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
@return $value;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
@function getSemanticColor($color, $shade) {
|
|
16
|
-
@return mapGet($tokens, color, semantic, $color, $shade);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
@function getSpacing($spacingType) {
|
|
20
|
-
@return mapGet($tokens, spacing, $spacingType);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
@function getBorderRadius($spacingType) {
|
|
24
|
-
@return mapGet($tokens, borderRadius, $spacingType);
|
|
25
|
-
}
|