@goodhood-web/ui 0.0.3 → 0.0.5
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.d.ts +2 -1
- package/index.js +16 -61
- package/index.mjs +1383 -3310
- package/lib/Thumbnail/Thumbnail.d.ts +3 -0
- package/lib/Thumbnail/Thumbnail.type.d.ts +15 -0
- package/package.json +1 -1
- package/style.css +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ImageProps } from '../Image/Image.type';
|
|
2
|
+
interface ThumbnailProps extends ImageProps {
|
|
3
|
+
isPlaceholder?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export type TCircularSize = '28' | '32' | '40' | '48' | '56' | '80' | '120' | '280';
|
|
6
|
+
export type TSquareSize = '24' | '32' | '40' | '48' | '56' | '64' | '80' | '120';
|
|
7
|
+
export interface ThumbnailCircularProps extends ThumbnailProps {
|
|
8
|
+
shape: 'circular';
|
|
9
|
+
size: TCircularSize;
|
|
10
|
+
}
|
|
11
|
+
export interface ThumbnailSquareProps extends ThumbnailProps {
|
|
12
|
+
shape: 'square';
|
|
13
|
+
size: TSquareSize;
|
|
14
|
+
}
|
|
15
|
+
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_1j4wx_5{display:flex;overflow:hidden;width:100%;flex-direction:column;padding:16px;box-shadow:0 2px 8px #0000001a;color:#201649;background-color:#fff}._root--border-radius_1j4wx_15{border-radius:8px}._root_1e05n_5{padding:8px 0;color:inherit}._root_hi7eb_5{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_hi7eb_13{flex-grow:1;margin:0}._h1_41s3w_5{margin-bottom:0;font-family:Inter;font-size:32px;font-weight:500;letter-spacing:0;line-height:40px;text-decoration:none;text-indent:0px;text-transform:none}._h2_41s3w_17{margin-bottom:0;font-family:Inter;font-size:24px;font-weight:Semi Bold;letter-spacing:0;line-height:32px;text-decoration:none;text-indent:0px;text-transform:none}._h3_41s3w_29{margin-bottom:0;font-family:Inter;font-size:20px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h4_41s3w_41{margin-bottom:0;font-family:Inter;font-size:18px;font-weight:700;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h5_41s3w_53{margin-bottom:0;font-family:Inter;font-size:16px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h6_41s3w_65{margin-bottom:0;font-family:Inter;font-size:14px;font-weight:700;letter-spacing:1;line-height:24px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h7_41s3w_77{margin-bottom:0;font-family:Inter;font-size:12px;font-weight:Extra Bold;letter-spacing:1;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h8_41s3w_89{margin-bottom:0;font-family:Inter;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_41s3w_101{margin-bottom:0;font-family:Inter;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._body-regular_41s3w_113{margin-bottom:0;font-family:Inter;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-semibold_41s3w_125{margin-bottom:0;font-family:Inter;font-size:14px;font-weight:Semi Bold;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_41s3w_137{margin-bottom:0;font-family:Inter;font-size:14px;font-weight:Italic;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._detail-medium_41s3w_149{margin-bottom:0;font-family:Inter;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-bold_41s3w_161{margin-bottom:0;font-family:Inter;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-upper-case_41s3w_173{margin-bottom:0;font-family:Inter;font-size:10px;font-weight:Extra Bold;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._ccBtn_16mkd_5{display:flex;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}._iconComponent_1d5h6_5{display:block}._iconComponent_1d5h6_5 path{stroke:currentColor}._iconButton_1i2oc_5{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#cae85d}._iconButton_1i2oc_5:disabled{background:#ffffff}._iconButton_1i2oc_5:hover{background:#b5d622}._iconButton_1i2oc_5:active{background:#cae85d}._iconButton--small_1i2oc_21{width:40px;height:40px}._iconButton--medium_1i2oc_25{width:48px;height:48px}._iconButton--large_1i2oc_29{width:56px;height:56px}._labelPill_9l179_5{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_9l179_5 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_9l179_17{height:20px;padding:0 8px}._labelPill--small_9l179_17 span{font-size:10px;font-weight:800;text-transform:uppercase}._labelPill--medium_9l179_26{padding:4px 8px}._labelPill--medium_9l179_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_agrmt_5{display:flex;width:280px;flex-shrink:0;align-items:center;padding:0 8px;background-color:#fff;color:#201649;gap:8px;text-decoration:none}._menuItem_agrmt_5 ._highlightFrame_agrmt_16{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_agrmt_5 ._rightIcon_agrmt_24{display:inherit;margin-left:auto}._menuItem_agrmt_5 ._rightIcon_agrmt_24 svg path{stroke:#635c80!important}._menuItem--selected_agrmt_31 ._highlightFrame_agrmt_16{background-color:#f2fbc4}._menuItem--selected_agrmt_31 ._highlightFrame_agrmt_16 svg path{stroke:#738c00}._menuItem--selected_agrmt_31:hover{color:#738c00}._menuItem_agrmt_5:not(._menuItem--selected_agrmt_31):active{background-color:#f4f3f6}._menuItem_agrmt_5:not(._menuItem--selected_agrmt_31):hover{color:#635c80}._menuItem_agrmt_5:not(._menuItem--selected_agrmt_31):hover svg path{stroke:#635c80}._menuItem_agrmt_5:not(._menuItem--selected_agrmt_31):hover ._highlightFrame_agrmt_16{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_gikho_12{position:relative;overflow:hidden;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_gikho_18{width:24px;height:24px}._root--28_gikho_22{width:28px;height:28px}._root--32_gikho_26{width:32px;height:32px}._root--40_gikho_30{width:40px;height:40px}._root--48_gikho_34{width:48px;height:48px}._root--56_gikho_38{width:56px;height:56px}._root--64_gikho_42{width:64px;height:64px}._root--80_gikho_46{width:80px;height:80px}._root--120_gikho_50{width:120px;height:120px}._root--280_gikho_54{width:280px;height:280px}._root--square_gikho_58._root--24_gikho_18,._root--square_gikho_58._root--32_gikho_26{border-radius:4px}._root--square_gikho_58._root--40_gikho_30,._root--square_gikho_58._root--48_gikho_34{border-radius:8px}._root--square_gikho_58._root--56_gikho_38,._root--square_gikho_58._root--64_gikho_42{border-radius:12px}._root--square_gikho_58._root--80_gikho_46,._root--square_gikho_58._root--120_gikho_50{border-radius:16px}._root--circular_gikho_70{border-radius:50%}._root--isPlaceholder_gikho_73:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_gikho_12 img{width:100%;height:100%;object-fit:cover}._switch_12zil_5{position:relative;display:inline-block;width:48px;height:28px}._switch_12zil_5 input{position:absolute;z-index:2;width:48px;height:28px;cursor:pointer;opacity:0}._switch_12zil_5 ._slider_12zil_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_12zil_5 ._slider_12zil_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_12zil_5 ._slider_12zil_19._focusVisible_12zil_43{box-shadow:0 0 0 3px #cae85d}._switch_12zil_5 input:checked+._slider_12zil_19{background-color:#b5d622}._switch_12zil_5 input:checked+._slider_12zil_19:before{transform:translate(0)}._toggleInput_7jw98_5{display:flex;align-items:center;padding:8px 16px;background-color:#fff;gap:12px;color:#635c80;cursor:pointer;width:100%}._toggleInput_7jw98_5 svg{flex-shrink:0}._toggleInput_7jw98_5 ._textLabel_7jw98_18{flex-grow:1}._toggleInput_7jw98_5 ._switch_7jw98_21{flex-shrink:0}._toggleInput--checked_7jw98_24{color:#201649}._toggleInput--withBorder_7jw98_27{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px #d2d0db}
|