@goodhood-web/ui 0.0.6-alpha.1 → 0.0.6-alpha.3
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 +16 -61
- package/index.mjs +1453 -3404
- package/lib/Card/CardHeader/CardHeader.type.d.ts +6 -4
- package/lib/IconButton/IconButton.d.ts +1 -1
- package/lib/IconButton/IconButton.types.d.ts +2 -0
- package/package.json +1 -1
- package/style.css +1 -1
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { BaseButtonProps } from '../../BaseButton/BaseButton';
|
|
3
|
+
import { IconProps } from '../../Icon/Icon.types';
|
|
4
|
+
import { IconButtonProps } from '../../IconButton/IconButton.types';
|
|
3
5
|
import { TypographyProps } from '../../Typography/Typography.types';
|
|
4
6
|
export type CardHeaderProps = {
|
|
5
7
|
as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;
|
|
6
8
|
headline: string;
|
|
7
|
-
leftElement?: ReactElement<
|
|
8
|
-
rightElement?: ReactElement<
|
|
9
|
+
leftElement?: React.ReactElement<IconProps | IconButtonProps>;
|
|
10
|
+
rightElement?: React.ReactElement<BaseButtonProps>;
|
|
9
11
|
type?: Exclude<TypographyProps['type'], 'h1'>;
|
|
10
12
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IconButtonProps } from './IconButton.types';
|
|
2
|
-
declare const IconButton: ({ icon, size, ...baseButtonProps }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const IconButton: ({ icon, size, type, ...baseButtonProps }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default IconButton;
|
|
@@ -8,10 +8,12 @@ type BaseIconButtonProps = Omit<BaseButtonProps, 'children' | 'ref' | 'className
|
|
|
8
8
|
type IconButtonIcon24Props = {
|
|
9
9
|
icon: Icon24;
|
|
10
10
|
size?: 'small';
|
|
11
|
+
type?: 'circular';
|
|
11
12
|
} & BaseIconButtonProps;
|
|
12
13
|
type IconButtonIcon32Props = {
|
|
13
14
|
icon: Icon32;
|
|
14
15
|
size: 'medium' | 'large';
|
|
16
|
+
type?: 'circular';
|
|
15
17
|
} & BaseIconButtonProps;
|
|
16
18
|
export type IconButtonProps = IconButtonIcon32Props | IconButtonIcon24Props;
|
|
17
19
|
export {};
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._baseBtn_zswm1_5{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}._baseBtn--active_zswm1_12{background:#b1b1b1}._root_1mxmw_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_1mxmw_15{border-radius:8px}._root_1e05n_5{padding:8px 0;color:inherit}._iconComponent_1d5h6_5{display:block}._iconComponent_1d5h6_5 path{stroke:currentColor}._iconButton_aac03_5{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:auto;height:auto;min-width:unset;min-height:unset}._iconButton_aac03_5:disabled{background:none}._iconButton_aac03_5:hover,._iconButton_aac03_5:active{background:none}._iconButton--circular_aac03_24{border-radius:50%;background:#cae85d}._iconButton--circular_aac03_24:disabled{background:#ffffff}._iconButton--circular_aac03_24:hover{background:#b5d622}._iconButton--circular_aac03_24:active{background:#cae85d}._iconButton--circular-small_aac03_37{width:40px;height:40px}._iconButton--circular-medium_aac03_41{width:48px;height:48px}._iconButton--circular-large_aac03_45{width:56px;height:56px}._root_hi7eb_5{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_hi7eb_13{flex-grow:1;margin:0}._h1_zx0j8_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_zx0j8_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_zx0j8_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_zx0j8_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_zx0j8_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_zx0j8_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_zx0j8_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_zx0j8_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_zx0j8_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_zx0j8_113{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_zx0j8_125{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_zx0j8_137{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_zx0j8_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_zx0j8_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_zx0j8_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_179bz_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_8gb8e_5{display:flex;align-items:center}._dividerLine_8gb8e_10{height:1px;flex-grow:1;background-color:#d2d0db}._fieldset_npxkg_5{border:none}._labelPill_12idb_5{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_12idb_5 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_12idb_17{height:20px;padding:0 8px}._labelPill--small_12idb_17 span{font-size:10px;font-weight:800;text-transform:uppercase}._labelPill--medium_12idb_26{padding:4px 8px}._labelPill--medium_12idb_26 span{font-size:12px;font-weight:700}._legend_1vmcd_5{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_1vmcd_5 ._text_1vmcd_11{color:#635c80}._menuItem_1qnf9_5{display:flex;width:100%;flex-shrink:0;align-items:center;padding:0 8px;background-color:#fff;color:#201649;gap:8px;text-decoration:none;cursor:pointer}._menuItem_1qnf9_5 ._highlightFrame_1qnf9_17{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_1qnf9_5 ._rightIcon_1qnf9_25{display:inherit;margin-left:auto}._menuItem_1qnf9_5 ._rightIcon_1qnf9_25 svg path{stroke:#635c80!important}._menuItem--selected_1qnf9_32 ._highlightFrame_1qnf9_17{background-color:#f2fbc4}._menuItem--selected_1qnf9_32 ._highlightFrame_1qnf9_17 svg path{stroke:#738c00}._menuItem--selected_1qnf9_32:hover{color:#738c00}._menuItem_1qnf9_5:not(._menuItem--selected_1qnf9_32):active{background-color:#f4f3f6}._menuItem_1qnf9_5:not(._menuItem--selected_1qnf9_32):hover{color:#635c80}._menuItem_1qnf9_5:not(._menuItem--selected_1qnf9_32):hover svg path{stroke:#635c80}._menuItem_1qnf9_5:not(._menuItem--selected_1qnf9_32):hover ._highlightFrame_1qnf9_17{background-color:#f4f3f6}._bubbleContent_11xi8_5{position:relative;display:inline-block}._bubble_11xi8_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_11xi8_30{width:12px;height:12px}._root_1uzfi_12{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_1uzfi_19{width:24px;height:24px}._root--28_1uzfi_23{width:28px;height:28px}._root--32_1uzfi_27{width:32px;height:32px}._root--40_1uzfi_31{width:40px;height:40px}._root--48_1uzfi_35{width:48px;height:48px}._root--56_1uzfi_39{width:56px;height:56px}._root--64_1uzfi_43{width:64px;height:64px}._root--80_1uzfi_47{width:80px;height:80px}._root--120_1uzfi_51{width:120px;height:120px}._root--280_1uzfi_55{width:280px;height:280px}._root--square_1uzfi_59._root--24_1uzfi_19,._root--square_1uzfi_59._root--32_1uzfi_27{border-radius:4px}._root--square_1uzfi_59._root--40_1uzfi_31,._root--square_1uzfi_59._root--48_1uzfi_35{border-radius:8px}._root--square_1uzfi_59._root--56_1uzfi_39,._root--square_1uzfi_59._root--64_1uzfi_43{border-radius:12px}._root--square_1uzfi_59._root--80_1uzfi_47,._root--square_1uzfi_59._root--120_1uzfi_51{border-radius:16px}._root--circular_1uzfi_71{border-radius:50%}._root--isPlaceholder_1uzfi_74:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_1uzfi_12 img{width:100%;height:100%;object-fit:cover}._switch_1mrav_5{position:relative;display:inline-block;width:48px;height:28px}._switch_1mrav_5 input{position:absolute;z-index:2;width:48px;height:28px;cursor:pointer;opacity:0}._switch_1mrav_5 ._slider_1mrav_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_1mrav_5 ._slider_1mrav_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_1mrav_5 ._slider_1mrav_19._focusVisible_1mrav_43{box-shadow:0 0 0 3px #cae85d}._switch_1mrav_5 input:checked+._slider_1mrav_19{background-color:#b5d622}._switch_1mrav_5 input:checked+._slider_1mrav_19:before{transform:translate(0)}._toggleInput_lrjvg_5{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_lrjvg_5 svg{flex-shrink:0}._toggleInput_lrjvg_5 ._textLabel_lrjvg_18{flex-grow:1}._toggleInput_lrjvg_5 ._switch_lrjvg_21{flex-shrink:0}._toggleInput--checked_lrjvg_24{color:#201649}._toggleInput--withBorder_lrjvg_27{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px #d2d0db}
|