@goodhood-web/ui 1.1.0 → 1.2.0-development.1

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.
Files changed (26) hide show
  1. package/index.d.ts +8 -2
  2. package/index.js +18 -16
  3. package/index.mjs +3209 -1593
  4. package/lib/BaseButton/BaseButton.d.ts +2 -1
  5. package/lib/IconButton/IconButton.d.ts +1 -1
  6. package/lib/IconButton/IconButton.types.d.ts +2 -2
  7. package/lib/NavBar/NavBar.d.ts +3 -0
  8. package/lib/NavBar/NavBar.types.d.ts +6 -0
  9. package/lib/NavBar/NavItem/NavItem.d.ts +3 -0
  10. package/lib/NavBar/NavItem/NavItem.types.d.ts +10 -0
  11. package/lib/PlaceholderThumbnail/PlaceholderThumbnail.d.ts +3 -0
  12. package/lib/PlaceholderThumbnail/PlaceholderThumbnail.type.d.ts +7 -0
  13. package/lib/Popup/Popup.d.ts +3 -0
  14. package/lib/Popup/Popup.types.d.ts +14 -0
  15. package/lib/SmartLink/SmartLink.d.ts +3 -0
  16. package/lib/SmartLink/SmartLink.types.d.ts +9 -0
  17. package/lib/TextButton/TextButton.d.ts +8 -0
  18. package/lib/TextButton/TextButton.types.d.ts +11 -0
  19. package/lib/TextInput/TextInput.d.ts +3 -0
  20. package/lib/TextInput/TextInput.types.d.ts +11 -0
  21. package/lib/Typography/Typography.types.d.ts +1 -1
  22. package/package.json +3 -3
  23. package/style.css +1 -1
  24. package/styles/_functions.scss +4 -0
  25. package/lib/ContentCreatorButton/ContentCreatorButton.d.ts +0 -3
  26. package/lib/ContentCreatorButton/ContentCreatorButton.types.d.ts +0 -5
package/lib/BaseButton/BaseButton.d.ts CHANGED
@@ -4,7 +4,8 @@ export interface BaseButtonProps extends ButtonOwnProps {
4
4
  ariaLabel?: string;
5
5
  ariaLabelledBy?: string;
6
6
  className?: string;
7
- onClick: () => void;
7
+ disabled?: boolean;
8
+ onClick: (event: React.MouseEvent<HTMLElement>) => void;
8
9
  ref?: React.ForwardedRef<null>;
9
10
  role?: AriaRole;
10
11
  }
package/lib/IconButton/IconButton.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { IconButtonProps } from './IconButton.types';
2
- declare const IconButton: ({ icon, size, type, ...baseButtonProps }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const IconButton: ({ icon, size, variant, ...baseButtonProps }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default IconButton;
package/lib/IconButton/IconButton.types.d.ts CHANGED
@@ -8,12 +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
+ variant?: 'circular';
12
12
  } & BaseIconButtonProps;
13
13
  type IconButtonIcon32Props = {
14
14
  icon: Icon32;
15
15
  size: 'medium' | 'large';
16
- type?: 'circular';
16
+ variant?: 'circular';
17
17
  } & BaseIconButtonProps;
18
18
  export type IconButtonProps = IconButtonIcon32Props | IconButtonIcon24Props;
19
19
  export {};
package/lib/NavBar/NavBar.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { NavBarProps } from './NavBar.types';
2
+ declare const NavBar: ({ children, onChange, value }: NavBarProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default NavBar;
package/lib/NavBar/NavBar.types.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ export type NavBarProps = {
3
+ children: ReactNode;
4
+ onChange: (value: string) => void;
5
+ value?: string;
6
+ };
package/lib/NavBar/NavItem/NavItem.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { NavItemProps } from './NavItem.types';
2
+ declare const NavItem: ({ active, ariaLabel, icon, id, label, onChange }: NavItemProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default NavItem;
package/lib/NavBar/NavItem/NavItem.types.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { Icon24, Icon32 } from '../../Icon/Icon.types';
3
+ export type NavItemProps = {
4
+ active?: boolean;
5
+ ariaLabel?: string;
6
+ icon: React.ReactElement<Icon32 | Icon24>;
7
+ id: string;
8
+ label?: string;
9
+ onChange?: (id: string) => void;
10
+ };
package/lib/PlaceholderThumbnail/PlaceholderThumbnail.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { PlaceholderThumbnailProps } from './PlaceholderThumbnail.type';
2
+ declare const PlaceholderThumbnail: ({ className, icon, variant, }: PlaceholderThumbnailProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default PlaceholderThumbnail;
package/lib/PlaceholderThumbnail/PlaceholderThumbnail.type.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from '../Icon/Icon.types';
3
+ export type PlaceholderThumbnailProps = {
4
+ className?: string;
5
+ icon: React.ReactElement<IconProps>;
6
+ variant: 'secondary1' | 'secondary2' | 'secondary3';
7
+ };
package/lib/Popup/Popup.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { PopupProps } from './Popup.types';
2
+ declare const Popup: ({ anchor, children, id, offset, open }: PopupProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Popup;
package/lib/Popup/Popup.types.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ export interface PopupProps {
3
+ anchor?: HTMLElement | null;
4
+ children: React.ReactNode;
5
+ id?: string;
6
+ offset?: 'sm' | 'md' | 'lg' | 'xl';
7
+ open: boolean;
8
+ }
9
+ export declare enum OffsetMap {
10
+ lg = 16,
11
+ md = 12,
12
+ sm = 8,
13
+ xl = 24
14
+ }
package/lib/SmartLink/SmartLink.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SmartLinkProps } from './SmartLink.types';
2
+ declare function SmartLink({ ariaLabel, ariaLabelledBy, children, disabled, href, onClick, target, }: SmartLinkProps): import("react/jsx-runtime").JSX.Element;
3
+ export default SmartLink;
package/lib/SmartLink/SmartLink.types.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ import { BaseButtonProps } from '../BaseButton/BaseButton';
3
+ export interface SmartLinkProps extends Omit<BaseButtonProps, 'type' | 'role' | 'onClick'> {
4
+ children: ReactNode;
5
+ href?: string;
6
+ onClick?: () => void;
7
+ rel?: string;
8
+ target?: string;
9
+ }
package/lib/TextButton/TextButton.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { TextButtonProps } from './TextButton.types';
2
+ export declare const typographyType: {
3
+ large: string;
4
+ medium: string;
5
+ small: string;
6
+ };
7
+ export declare function TextButton({ ariaLabel, ariaLabelledBy, color, disabled, leftIcon, onClick, ref, rightIcon, size, text, }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
8
+ export default TextButton;
package/lib/TextButton/TextButton.types.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { BaseButtonProps } from '../BaseButton/BaseButton';
3
+ import { IconProps } from '../Icon/Icon.types';
4
+ import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
5
+ export interface TextButtonProps extends Omit<BaseButtonProps, 'role' | 'className'> {
6
+ color: 'green' | 'blue' | 'text';
7
+ leftIcon?: React.ReactElement<IconProps | NotificationBubbleProps>;
8
+ rightIcon?: React.ReactElement<IconProps | NotificationBubbleProps>;
9
+ size: 'large' | 'medium' | 'small';
10
+ text: string;
11
+ }
package/lib/TextInput/TextInput.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { TextInputProps } from './TextInput.types';
2
+ declare const TextInput: ({ colorScheme, errorMessage, id, label, name, ref, size, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default TextInput;
package/lib/TextInput/TextInput.types.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { UseInputParameters } from '@mui/base/useInput';
3
+ export interface TextInputProps extends UseInputParameters {
4
+ colorScheme: 'light' | 'dark';
5
+ errorMessage?: string;
6
+ id: string;
7
+ label: string;
8
+ name?: string;
9
+ ref?: React.ForwardedRef<null>;
10
+ size: 'small' | 'medium';
11
+ }
package/lib/Typography/Typography.types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { JSX } from 'react';
2
- export type TypographyType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'detail-medium' | 'detail-bold' | 'detail-upper-case';
2
+ export type TypographyType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'detail-medium' | 'detail-bold' | 'detail-upper-case' | 'detail-regular';
3
3
  export interface TypographyProps {
4
4
  as?: Extract<keyof JSX.IntrinsicElements, 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
5
5
  children: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@goodhood-web/ui",
3
- "version": "1.1.0",
3
+ "version": "1.2.0-development.1",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {
@@ -15,7 +15,7 @@
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.33",
19
+ "@goodhood/design-tokens": "1.0.0-dev.26"
20
20
  }
21
21
  }
package/style.css CHANGED
@@ -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}
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_1jy9y_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_1jy9y_9:disabled{background:none}._iconButton_1jy9y_9:hover,._iconButton_1jy9y_9:active{background:none}._iconButton--circular_1jy9y_29{border-radius:999px;background:#cae85d}._iconButton--circular_1jy9y_29:disabled{background:#ffffff}._iconButton--circular_1jy9y_29:hover{background:#b5d622}._iconButton--circular_1jy9y_29:active{background:#cae85d}._iconButton--circular-small_1jy9y_42{width:40px;height:40px}._iconButton--circular-medium_1jy9y_46{width:48px;height:48px}._iconButton--circular-large_1jy9y_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}._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_ufypo_9{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_ufypo_9 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_ufypo_21{height:20px;padding:0 8px}._labelPill--medium_ufypo_25{padding:4px 8px}._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}._navBar_1ki80_9{display:grid;padding:0 4px 24px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}._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}._listItem_5u3o4_9{list-style:none}._listItem_5u3o4_9 ._navItem_5u3o4_12{display:flex;width:100%;flex-direction:column;align-items:center;padding:0 4px 4px;color:#635c80;cursor:pointer}@media (min-width: 768px){._listItem_5u3o4_9 ._navItem_5u3o4_12{padding:0 8px 8px}}._listItem_5u3o4_9 ._navItem_5u3o4_12 ._selector_5u3o4_26{height:4px;align-self:stretch;border-radius:0 0 4px 4px;margin-bottom:4px;background-color:#cae85d;visibility:hidden}._listItem_5u3o4_9 ._navItem--active_5u3o4_34{padding-right:4px;padding-left:4px;color:#738c00}._listItem_5u3o4_9 ._navItem--active_5u3o4_34 ._selector_5u3o4_26{height:4px;align-self:stretch;border-radius:0 0 4px 4px;background-color:#cae85d;visibility:visible}._label_5u3o4_47{display:block;overflow:hidden;max-width:calc(100% - 1px);text-overflow:ellipsis;white-space:nowrap}._bubbleContent_2w7mr_9{position:relative;display:inline-block}._bubble_2w7mr_9{position:absolute;z-index:auto;top:6px;right:6px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background-color:#ff9de2;color:#201649;text-align:center;transform:translate(50%,-50%);transform-origin:100% 0;white-space:nowrap}._bubble--empty_2w7mr_32{width:12px;height:12px}._wrapper_35b6s_9{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:8px;border-radius:8px}._wrapper--secondary1_35b6s_18{background-color:#d2d0db}._wrapper--secondary1_35b6s_18 path{stroke:#797392}._wrapper--secondary1_35b6s_18._wrapper--iconWrapper_35b6s_24{background-color:#f4f3f6}._wrapper--secondary2_35b6s_27{background-color:#98cbd6}._wrapper--secondary2_35b6s_27 path{stroke:#01819c}._wrapper--secondary2_35b6s_27._wrapper--iconWrapper_35b6s_24{background-color:#e0f5f9}._wrapper--secondary3_35b6s_36{background-color:#dc8541}._wrapper--secondary3_35b6s_36 path{stroke:#ebaa77}._wrapper--secondary3_35b6s_36._wrapper--iconWrapper_35b6s_24{background-color:#fbecdf}._wrapper--iconWrapper_35b6s_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_12cwr_9{width:100%}._wrapper_12cwr_9 ._textInputContainer_12cwr_12{position:relative}._wrapper_12cwr_9 ._textInputContainer_12cwr_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_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12{overflow:hidden;width:100%;color:#201649;outline:none;text-overflow:ellipsis;white-space:nowrap}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12+label{color:#635c80}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12:focus+label,._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12:not(:placeholder-shown)+label{top:16px}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12:focus+label>span,._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_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_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--medium_12cwr_51{height:56px;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;text-decoration:none;text-indent:0px;text-transform:none;line-height:24px}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--medium_12cwr_51:focus,._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--medium_12cwr_51:not(:placeholder-shown){padding-top:26px;padding-bottom:6px}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--small_12cwr_70{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;text-decoration:none;text-indent:0px;text-transform:none;height:40px;padding:0 16px;border-radius:12px;line-height:20px}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--small_12cwr_70:focus+label,._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--small_12cwr_70:not(:placeholder-shown)+label{display:none}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--dark_12cwr_88{background-color:#f4f3f6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--dark_12cwr_88:hover{background-color:#e9e8ed}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--dark_12cwr_88:disabled{color:#a6a2b6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--dark_12cwr_88:disabled:hover{background-color:#f4f3f6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--dark_12cwr_88:disabled+label{color:#a6a2b6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--light_12cwr_103{border:1px solid #a6a2b6;background-color:#fff}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--light_12cwr_103:hover{border-color:#797392;background-color:#f4f3f6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--light_12cwr_103:disabled{border-color:#d2d0db;color:#a6a2b6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--light_12cwr_103:disabled:hover{background-color:#fff}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--light_12cwr_103:disabled+label{color:#a6a2b6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--error_12cwr_121{border:1px solid #CC339F;background-color:#fde6f7;color:#201649}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--error_12cwr_121:focus{border-color:#cc339f}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--error_12cwr_121:hover{border-color:#cc339f;background-color:#fde6f7}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--error_12cwr_121:disabled{border-color:#cc339f}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--error_12cwr_121:disabled:hover{background-color:#fde6f7}._wrapper_12cwr_9 ._textInputContainer--errorMessage_12cwr_139{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_ygwxd_9{position:relative;display:inline-block;width:48px;height:28px}._switch_ygwxd_9 ._slider_ygwxd_15{z-index:1;display:block;width:100%;height:100%;border-radius:999px;background-color:#d2d0db;box-shadow:inset 0 0 0 1.5px #a6a2b6;transition:.4s}._switch_ygwxd_9 ._slider_ygwxd_15:before{position:absolute;right:0;bottom:2px;width:24px;height:24px;border-radius:999px;background-color:#fff;content:"";transform:translate(calc(-100% + 2px));transition:.4s}._switch_ygwxd_9 ._slider_ygwxd_15._focusVisible_ygwxd_37{box-shadow:inset 0 0 0 1.5px #43adc3!important}._switch_ygwxd_9 input{position:absolute;z-index:2;width:48px;height:28px;opacity:0}._switch_ygwxd_9 input:not(:disabled){cursor:pointer}._switch_ygwxd_9 input:hover+._slider_ygwxd_15{box-shadow:inset 0 0 0 1.5px #797392}._switch_ygwxd_9 input:disabled+._slider_ygwxd_15{opacity:.4}._switch_ygwxd_9 input:checked+._slider_ygwxd_15{background-color:#201649;box-shadow:inset 0 0 0 1.5px #201649}._switch_ygwxd_9 input:checked+._slider_ygwxd_15:before{transform:translate(-2px)}._switch_ygwxd_9 input:checked:hover+._slider_ygwxd_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}
package/styles/_functions.scss CHANGED
@@ -20,6 +20,10 @@
20
20
  @return mapGet($tokens, spacing, $spacingType);
21
21
  }
22
22
 
23
+ @function getBoxShadow($type, $variant) {
24
+ @return mapGet($tokens, $type, $variant);
25
+ }
26
+
23
27
  @function getBorderRadius($spacingType) {
24
28
  @return mapGet($tokens, borderRadius, $spacingType);
25
29
  }
package/lib/ContentCreatorButton/ContentCreatorButton.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { ContentCreatorButtonProps } from './ContentCreatorButton.types';
2
- declare const ContentCreatorButton: ({ children, onClick, ...baseButtonProps }: ContentCreatorButtonProps) => import("react/jsx-runtime").JSX.Element;
3
- export default ContentCreatorButton;
package/lib/ContentCreatorButton/ContentCreatorButton.types.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { BaseButtonProps } from '../BaseButton/BaseButton';
2
- export interface ContentCreatorButtonProps extends BaseButtonProps {
3
- children: string;
4
- onClick: () => void;
5
- }