@wishket/design-system 0.13.0 → 0.14.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/dist/Components/Atoms/Avatar/Avatar.js +1 -1
- package/dist/Components/Atoms/Avatar/Avatar.stories.d.ts +2 -2
- package/dist/Components/Atoms/Button/Button.d.ts +1 -1
- package/dist/Components/Atoms/Button/Button.js +1 -1
- package/dist/Components/Atoms/Button/Button.parts.d.ts +1 -1
- package/dist/Components/Atoms/Button/Button.parts.js +1 -1
- package/dist/Components/Atoms/Button/Button.stories.d.ts +2 -1
- package/dist/Components/Atoms/Button/Button.types.d.ts +7 -1
- package/dist/Components/Atoms/Checkbox/Checkbox.js +1 -1
- package/dist/Components/Atoms/ChoiceChip/ChoiceChip.d.ts +3 -3
- package/dist/Components/Atoms/ChoiceChip/ChoiceChip.js +1 -1
- package/dist/Components/Atoms/ChoiceChip/ChoiceChip.styles.d.ts +0 -1
- package/dist/Components/Atoms/ChoiceChip/ChoiceChip.styles.js +1 -1
- package/dist/Components/Atoms/CountBadge/CountBadge.d.ts +3 -0
- package/dist/Components/Atoms/CountBadge/CountBadge.js +1 -0
- package/dist/Components/Atoms/{Badge/Badge.stories.d.ts → CountBadge/CountBadge.stories.d.ts} +2 -2
- package/dist/Components/Atoms/CountBadge/index.d.ts +2 -0
- package/dist/Components/Atoms/CountBadge/index.js +1 -0
- package/dist/Components/Atoms/Divider/Divider.js +1 -1
- package/dist/Components/Atoms/IconButton/IconButton.d.ts +1 -1
- package/dist/Components/Atoms/IconButton/IconButton.js +2 -1
- package/dist/Components/Atoms/LoadingIndicator/LoadingIndicator.js +1 -1
- package/dist/Components/Atoms/NewBadge/NewBadge.js +1 -1
- package/dist/Components/Atoms/Radio/Radio.d.ts +1 -1
- package/dist/Components/Atoms/Radio/Radio.js +2 -1
- package/dist/Components/Atoms/Radio/Radio.stories.d.ts +1 -0
- package/dist/Components/Atoms/Radio/Radio.types.d.ts +0 -2
- package/dist/Components/Atoms/ServiceLogo/Icons/WishketSymbolText.d.ts +1 -1
- package/dist/Components/Atoms/ServiceLogo/Icons/WishketSymbolText.js +1 -1
- package/dist/Components/Atoms/ServiceLogo/Icons/WishketText.d.ts +1 -1
- package/dist/Components/Atoms/ServiceLogo/Icons/WishketText.js +1 -1
- package/dist/Components/Atoms/ServiceLogo/Icons/YozmITSymbolText.d.ts +1 -1
- package/dist/Components/Atoms/ServiceLogo/Icons/YozmITSymbolText.js +1 -1
- package/dist/Components/Atoms/ServiceLogo/Icons/YozmITText.d.ts +1 -1
- package/dist/Components/Atoms/ServiceLogo/Icons/YozmITText.js +1 -1
- package/dist/Components/Atoms/ServiceLogo/ServiceLogo.d.ts +1 -1
- package/dist/Components/Atoms/ServiceLogo/ServiceLogo.types.d.ts +1 -1
- package/dist/Components/Atoms/SkillChip/SkillChip.d.ts +1 -1
- package/dist/Components/Atoms/SkillChip/SkillChip.parts.d.ts +4 -1
- package/dist/Components/Atoms/SkillChip/SkillChip.parts.js +1 -1
- package/dist/Components/Atoms/Switch/Switch.js +1 -1
- package/dist/Components/Atoms/Textarea/Textarea.js +1 -1
- package/dist/Components/Atoms/index.d.ts +1 -1
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.d.ts +16 -0
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.parts.d.ts +20 -0
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.stories.d.ts +28 -0
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.types.d.ts +5 -0
- package/dist/Components/Molecules/AutoCompleteList/index.d.ts +2 -0
- package/dist/Components/Molecules/Calendar/Calendar.d.ts +3 -1
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.js +1 -1
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.parts.js +1 -1
- package/dist/Components/Molecules/CheckboxList/CheckboxListItem.js +1 -1
- package/dist/Components/Molecules/Drawer/Drawer.js +1 -1
- package/dist/Components/Molecules/List/List.js +2 -1
- package/dist/Components/Molecules/MessageBar/MessageBar.d.ts +3 -0
- package/dist/Components/Molecules/MessageBar/MessageBar.js +1 -0
- package/dist/Components/Molecules/MessageBar/MessageBar.stories.d.ts +23 -0
- package/dist/Components/Molecules/MessageBar/MessageBar.types.d.ts +8 -0
- package/dist/Components/Molecules/MessageBar/index.d.ts +3 -0
- package/dist/Components/Molecules/MessageBar/index.js +1 -0
- package/dist/Components/Molecules/MessageBox/MessageBox.d.ts +10 -0
- package/dist/Components/Molecules/MessageBox/MessageBox.js +1 -0
- package/dist/Components/Molecules/{IconMessageCard/IconMessageCard.parts.d.ts → MessageBox/MessageBox.parts.d.ts} +1 -1
- package/dist/Components/Molecules/MessageBox/MessageBox.parts.js +1 -0
- package/dist/Components/Molecules/{IconMessageCard/IconMessageCard.stories.d.ts → MessageBox/MessageBox.stories.d.ts} +3 -3
- package/dist/Components/Molecules/MessageBox/index.d.ts +2 -0
- package/dist/Components/Molecules/MessageBox/index.js +1 -0
- package/dist/Components/Molecules/Pagination/Pagination.parts.js +1 -1
- package/dist/Components/Molecules/RadioList/RadioListItem.js +1 -1
- package/dist/Components/Molecules/TextButton/TextButton.d.ts +1 -1
- package/dist/Components/Molecules/TextButton/TextButton.js +1 -1
- package/dist/Components/Molecules/TextButton/TextButton.types.d.ts +0 -1
- package/dist/Components/Molecules/WithBadge/WithBadge.d.ts +1 -1
- package/dist/Components/Molecules/WithBadge/WithBadge.js +1 -1
- package/dist/Components/Molecules/index.d.ts +3 -1
- package/dist/Components/Organisms/GNBList/GNBList.parts.js +1 -1
- package/dist/Components/Organisms/SelectDropdown/SelectDropdown.d.ts +2 -1
- package/dist/Components/Organisms/SelectDropdown/SelectDropdown.js +1 -1
- package/dist/Components/Organisms/SelectDropdown/SelectDropdown.parts.d.ts +1 -1
- package/dist/Components/Organisms/SelectDropdown/SelectDropdown.parts.js +1 -1
- package/dist/Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js +1 -1
- package/dist/Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.parts.js +1 -1
- package/dist/Components/Organisms/TextTab/TextTab.d.ts +1 -1
- package/dist/Components/Organisms/TextTab/TextTab.parts.d.ts +1 -1
- package/dist/Components/Organisms/TextTab/TextTab.parts.js +1 -1
- package/dist/Components/Organisms/TextTab/TextTab.stories.d.ts +1 -0
- package/dist/Components/Organisms/TextTab/TextTab.types.d.ts +3 -0
- package/dist/Components/Organisms/WithMessageBar/WithMessageBar.d.ts +3 -0
- package/dist/Components/Organisms/WithMessageBar/WithMessageBar.js +1 -0
- package/dist/Components/Organisms/WithMessageBar/WithMessageBar.stories.d.ts +26 -0
- package/dist/Components/Organisms/WithMessageBar/WithMessageBar.types.d.ts +6 -0
- package/dist/Components/Organisms/WithMessageBar/index.d.ts +2 -0
- package/dist/Components/Organisms/WithMessageBar/index.js +1 -0
- package/dist/Components/Organisms/index.d.ts +1 -0
- package/dist/config/tailwind-plugins.js +25 -0
- package/dist/config/tailwind.config.js +28 -0
- package/dist/index.js +1 -1
- package/dist/types/badge.types.d.ts +2 -3
- package/package.json +1 -1
- package/dist/Components/Atoms/Badge/Badge.d.ts +0 -3
- package/dist/Components/Atoms/Badge/Badge.js +0 -1
- package/dist/Components/Atoms/Badge/index.d.ts +0 -2
- package/dist/Components/Atoms/Badge/index.js +0 -1
- package/dist/Components/Molecules/IconMessageCard/IconMessageCard.d.ts +0 -10
- package/dist/Components/Molecules/IconMessageCard/IconMessageCard.js +0 -1
- package/dist/Components/Molecules/IconMessageCard/IconMessageCard.parts.js +0 -1
- package/dist/Components/Molecules/IconMessageCard/index.d.ts +0 -2
- package/dist/Components/Molecules/IconMessageCard/index.js +0 -1
- /package/dist/Components/Molecules/{IconMessageCard/IconMessageCard.types.d.ts → MessageBox/MessageBox.types.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("next/image"),a=require("../Box/Box.js"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("next/image"),a=require("../Box/Box.js"),s=require("../Typography/Typography.js"),r=require("../SystemIcon/SystemIcon.js");module.exports=function(n){function l(e,t){return{sm:{container:"size-6",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}}[e][t]}var d=n.size,d=void 0===d?"md":d,o=n.name,c=n.imgUrl,m=n.isEditable,m=void 0!==m&&m,n=n.onClick,u=null==o?void 0:o.slice(0,1),g=!c&&o;return e.jsxs(a,{className:t.twMerge("relative z-0 h-fit w-fit",m&&"cursor-pointer"),onClick:n,children:[e.jsxs(a,{"data-testid":"design-system-avatar--container",className:t.twMerge(l(d,"container"),"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200",o&&"bg-w-primary"),children:[c&&e.jsx(i,{src:c,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image"}),g&&e.jsx(s,{variant:l(d,"char"),className:"text-w-white",children:u}),!o&&!c&&e.jsx(r,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})]}),!g&&m&&e.jsx(a,{className:t.twMerge("absolute bottom-0 right-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",l(d,"editButton")),"data-testid":"design-system-avatar--edit-button",children:e.jsx(r,{name:"small_camera",solid:!0,className:t.twJoin("md"===d&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})};
|
|
@@ -6,5 +6,5 @@ declare const meta: {
|
|
|
6
6
|
export default meta;
|
|
7
7
|
type Story = StoryObj<typeof meta>;
|
|
8
8
|
export declare const Default: Story;
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
9
|
+
export declare const Monogram: Story;
|
|
10
|
+
export declare const Image: Story;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ButtonProps } from './Button.types';
|
|
2
|
-
declare const Button: ({ type, ref, disabled, children, className, onClick, size, variant, rounded, needThrottle, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const Button: ({ type, ref, disabled, children, className, onClick, size, variant, rounded, leadingIcon, isLeadingIconSolid, trailingIcon, isTrailingIconSolid, badgeNumber, needThrottle, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default Button;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("react"),n=require("./Button.parts.js");module.exports=function(r){var o=r.type,o=void 0===o?"button":o,t=r.ref,d=r.disabled,d=void 0!==d&&d,u=r.children,a=r.className,c=r.onClick,l=r.size,l=void 0===l?"md":l,s=r.variant,s=void 0===s?"outlined":s,v=r.rounded,v=void 0!==v&&v,f=r.leadingIcon,g=r.isLeadingIconSolid,g=void 0!==g&&g,m=r.trailingIcon,I=r.isTrailingIconSolid,I=void 0!==I&&I,b=r.badgeNumber,b=void 0===b?"":b,r=r.needThrottle,r=void 0!==r&&r,p=i.useRef(void 0);return i.useEffect(function(){return function(){p&&clearTimeout(p.current)}},[p]),e.jsx(n.ButtonContainer,{ref:t,size:l,type:o,disabled:d,rounded:v,variant:s,className:a,onClick:r?function(e){e.preventDefault(),p.current||(null!=c&&c(e),p.current=setTimeout(function(){p.current=void 0},300))}:c,leadingIcon:f,isLeadingIconSolid:g,trailingIcon:m,isTrailingIconSolid:I,badgeNumber:b,children:u})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ButtonProps } from './Button.types';
|
|
2
|
-
export declare const ButtonContainer: ({ rounded, size, type, variant, children, className, disabled, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const ButtonContainer: ({ rounded, size, type, variant, children, leadingIcon, isLeadingIconSolid, trailingIcon, isTrailingIconSolid, badgeNumber, className, disabled, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime"),e=require("tailwind-merge"),i=require("../SystemIcon/SystemIcon.js"),t=require("../CountBadge/CountBadge.js");exports.ButtonContainer=function(o){function a(){return"solid"===l&&u?"text-w-white":"filled"===l&&u||u?"text-primary-100":"solid"===l?"text-w-white":"text-primary-500"}var s=o.rounded,d=o.size,n=o.type,l=o.variant,p=o.children,m=o.leadingIcon,x=o.isLeadingIconSolid,x=void 0!==x&&x,g=o.trailingIcon,b=o.isTrailingIconSolid,b=void 0!==b&&b,y=o.badgeNumber,y=void 0===y?"":y,c=o.className,u=o.disabled,o=o.onClick;return r.jsxs("button",{className:e.twMerge("box-border flex w-fit cursor-pointer items-center justify-center border","outlined"===l&&s?"rounded-full":"rounded-xl","sm"===d?"h-[36px] py-1.5 px-3 text-sm leading-6 gap-x-1":"lg"===d?"h-[60px] py-[15px] px-6 text-[20px] leading-[30px] gap-x-2 ":"h-[50px] py-3 px-4 text-base leading-[26px] gap-x-1.5",a(),"solid"===l?"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700":"filled"===l?"bg-primary-10 border-primary-200 hover:border-primary-500":"bg-w-white border-w-gray-200 hover:border-primary-500",u&&"cursor-not-allowed",u&&("solid"===l?"bg-primary-100 border-primary-100 hover:bg-primary-100 hover:border-primary-100":"filled"===l?"bg-primary-10 border-primary-200 hover:border-primary-200":"bg-w-white border-w-gray-200 hover:border-w-gray-200"),c),onClick:o,disabled:u,type:n,children:[m&&r.jsx(i,{name:m,solid:x,testId:"design-system-button--leading-icon",className:e.twMerge("flex-shrink-0","sm"===d?"size-[14px]":"size-4",a())}),p,g&&r.jsx(i,{name:g,solid:b,testId:"design-system-button--trailing-icon",className:e.twMerge("flex-shrink-0","sm"===d?"size-[14px]":"size-4",a())}),y&&r.jsx(t,{text:y,className:"flex-shrink-0"})]})};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ButtonProps } from './Button.types';
|
|
2
3
|
import Button from '.';
|
|
3
4
|
declare const meta: Meta<typeof Button>;
|
|
4
5
|
export default meta;
|
|
5
|
-
type Story = StoryObj
|
|
6
|
+
type Story = StoryObj<ButtonProps>;
|
|
6
7
|
export declare const Default: Story;
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { SystemIconName } from '../SystemIcon/SystemIcon.types';
|
|
2
3
|
type ButtonSizeType = 'sm' | 'md' | 'lg';
|
|
3
|
-
type ButtonVariantType = '
|
|
4
|
+
type ButtonVariantType = 'outlined' | 'solid' | 'filled';
|
|
4
5
|
export interface ButtonProps extends ComponentPropsWithRef<'button'> {
|
|
5
6
|
size?: ButtonSizeType;
|
|
6
7
|
variant?: ButtonVariantType;
|
|
7
8
|
rounded?: boolean;
|
|
9
|
+
leadingIcon?: SystemIconName;
|
|
10
|
+
isLeadingIconSolid?: boolean;
|
|
11
|
+
trailingIcon?: SystemIconName;
|
|
12
|
+
isTrailingIconSolid?: boolean;
|
|
13
|
+
badgeNumber?: number | string;
|
|
8
14
|
needThrottle?: boolean;
|
|
9
15
|
}
|
|
10
16
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),o=require("tailwind-merge"),i=function(e){e=e.checked;return r.jsxs("div",{className:"relative z-10 h-full w-full bg-transparent",children:[r.jsx("div",{className:o.twMerge("absolute left-[3px] top-[4.5px] h-[2px] origin-top-left rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[6px]":"w-0")}),r.jsx("div",{className:o.twMerge("absolute left-[5px] top-[9px] h-[2px] origin-top-left -rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[8px] delay-100":"w-0 delay-0")})]})},s=function(e){var a=e.type,t=e.disabled,s=e.checked,s=void 0!==s&&s,d=e.isError,c=e.isHover,l=e.isFocused,e=e.className;return r.jsx("div",{className:o.twMerge("relative m-px box-border size-4 border","circle"===a?"rounded-full":"rounded",t&&!s?"border-w-gray-200 bg-w-gray-50 cursor-not-allowed":t&&s&&!d?"bg-primary-100 border-primary-100 cursor-not-allowed":t&&s&&d?"bg-w-gray-200 border-w-gray-200 cursor-not-allowed":s&&l&&!d?"bg-primary-500 border-primary-500":s||!l||d?!s||t||d?s||t||!d?s&&!t&&d?"border-w-red-500 bg-w-red-500":!c||t||s||d?"hover:border-primary-500 border-w-gray-200 bg-white cursor-pointer":"border-primary-500":"border-w-red-500":"bg-primary-500 border-primary-500":"border-primary-500",e),role:"checkbox-button",children:r.jsx(i,{checked:s})})},t=a.forwardRef(function(o,i){var t=o.checked,d=void 0!==t&&t,c=o.onChange,t=o.disabled,l=void 0!==t&&t,t=o.isError,t=void 0!==t&&t,n=o.isHover,n=void 0!==n&&n,u=o.type,u=void 0===u?"box":u,b=o.className,o=e.__rest(o,["checked","onChange","disabled","isError","isHover","type","className"]),p=a.useState(d),h=p[0],g=p[1],p=a.useState(!1),w=p[0],x=p[1],p=(a.useEffect(function(){g(d)},[d]),a.useCallback(function(e){l||c&&(c(e),g(e.target.checked),e.target.checked||x(!1))},[c,l]));return r.jsxs("label",{"data-testid":"design-system-checkbox",className:"flex size-fit",children:[r.jsx("input",e.__assign({ref:i,className:"absolute h-0 w-0 opacity-0",type:"checkbox",checked:h,onChange:p,onFocus:function(){x(!0)},onBlur:function(){x(!1)},disabled:l},o)),r.jsx(s,{checked:h,disabled:l,isError:t,isHover:n,isFocused:w,type:u,className:b})]})});t.displayName="Checkbox",module.exports=t;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { LargeSystemIconName, MediumSystemIconName } from '../SystemIcon/SystemIcon.types';
|
|
3
3
|
export interface ChoiceChipProps extends ComponentPropsWithoutRef<'input'> {
|
|
4
4
|
label: string;
|
|
5
5
|
error?: boolean;
|
|
6
|
-
leadingIcon?:
|
|
7
|
-
trailingIcon?:
|
|
6
|
+
leadingIcon?: LargeSystemIconName;
|
|
7
|
+
trailingIcon?: MediumSystemIconName;
|
|
8
8
|
}
|
|
9
9
|
declare const ChoiceChip: import("react").ForwardRefExoticComponent<ChoiceChipProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
10
10
|
export default ChoiceChip;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),r=require("tailwind-merge"),a=require("react"),s=require("../SystemIcon/SystemIcon.js"),n=require("../Typography/Typography.js"),t=require("../Box/Box.js"),c=require("./ChoiceChip.styles.js"),o=a.forwardRef(function(o,l){var d=o.label,g=o.checked,u=void 0!==g&&g,g=o.error,g=void 0!==g&&g,h=o.leadingIcon,m=o.trailingIcon,p=o.onChange,o=e.__rest(o,["label","checked","error","leadingIcon","trailingIcon","onChange"]),y=a.useState(u),x=y[0],f=y[1];return a.useEffect(function(){f(u)},[u]),i.jsxs("label",{children:[i.jsx("input",e.__assign({type:"checkbox",checked:x,className:"absolute h-0 w-0 opacity-0",onChange:function(e){p&&(p(e),f(e.target.checked))}},o,{ref:l})),i.jsxs("div",{"data-testid":"design-system-choiceChip",className:r.twJoin("flex w-fit cursor-pointer select-none items-center gap-2 rounded-full",c.generateBackgroundColor(x,g),c.generateBackgroundPadding(!!h)),children:[h&&i.jsx(t,{className:"flex size-8 items-center justify-center rounded-full bg-w-white p-0.5","data-testid":"design-system-choiceChip--leading-icon-container",children:i.jsx(s,{name:h,className:c.generateLeadingIconColor(x,g)})}),i.jsxs(t,{className:"flex items-center gap-1.5",children:[i.jsx(n,{"data-testid":"design-system-choiceChip-label",variant:"body1",className:c.generateLabelStyle(x,g),children:d}),m&&i.jsx(s,{name:m,className:c.generateTrailingIconStyle(x,g)})]})]})]})});o.displayName="ChoiceChip",module.exports=o;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export declare const generateBackgroundColor: (checked: boolean, error: boolean) => "bg-primary-50" | "bg-w-gray-50";
|
|
2
2
|
export declare const generateBackgroundPadding: (leadingIconExist: boolean) => "py-1 pl-1 pr-4" | "py-[7px] px-4";
|
|
3
3
|
export declare const generateLabelStyle: (checked: boolean, error: boolean) => "text-w-red-500" | "text-w-primary" | "text-w-gray-900";
|
|
4
|
-
export declare const generateLeadingIconBackgroundColor: (checked: boolean, error: boolean) => "bg-primary-100" | "bg-w-gray-200";
|
|
5
4
|
export declare const generateLeadingIconColor: (checked: boolean, error: boolean) => "text-w-primary" | "text-w-gray-600";
|
|
6
5
|
export declare const generateTrailingIconStyle: (checked: boolean, error: boolean) => "text-w-primary" | "text-w-gray-400";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";exports.generateBackgroundColor=function(r,e){return r&&!e?"bg-primary-50":"bg-w-gray-50"},exports.generateBackgroundPadding=function(r){return r?"py-1 pl-1 pr-4":"py-[7px] px-4"},exports.generateLabelStyle=function(r,e){return e?"text-w-red-500":r?"text-w-primary":"text-w-gray-900"},exports.
|
|
1
|
+
"use strict";exports.generateBackgroundColor=function(r,e){return r&&!e?"bg-primary-50":"bg-w-gray-50"},exports.generateBackgroundPadding=function(r){return r?"py-1 pl-1 pr-4":"py-[7px] px-4"},exports.generateLabelStyle=function(r,e){return e?"text-w-red-500":r?"text-w-primary":"text-w-gray-900"},exports.generateLeadingIconColor=function(r,e){return r&&!e?"text-w-primary":"text-w-gray-600"},exports.generateTrailingIconStyle=function(r,e){return r&&!e?"text-w-primary":"text-w-gray-400"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge");module.exports=function(t){var r=t.text,s=t.className,i=t.variant,n=void 0===i?"primary":i,i=t.showZero,t=!(void 0!==i&&i)&&0==r||""===r,i=99<Number(r)?"99+":r,r={baseClass:"absolute box-border flex min-h-4 w-fit min-w-4 select-none items-center justify-center rounded-full px-1 py-px text-[11px] font-normal leading-[14px] tracking-[0.48px]",matchedVariantClass:null==(r=[{name:"primary",className:"text-w-white bg-primary"},{name:"white_primary",className:"text-primary bg-w-white"},{name:"white_gray",className:"text-w-gray-600 bg-w-white"},{name:"gray",className:"text-w-gray-600 bg-w-gray-200"}].find(function(e){return e.name===n}))?void 0:r.className,hiddenClass:t&&"hidden"};return e.jsx("span",{"data-testid":"design-system-count-badge",className:a.twMerge(r.baseClass,r.matchedVariantClass,r.hiddenClass,s),children:i})};
|
package/dist/Components/Atoms/{Badge/Badge.stories.d.ts → CountBadge/CountBadge.stories.d.ts}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import
|
|
3
|
-
declare const meta: Meta<typeof
|
|
2
|
+
import CountBadge from './CountBadge';
|
|
3
|
+
declare const meta: Meta<typeof CountBadge>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj;
|
|
6
6
|
export declare const Default: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./CountBadge.js");module.exports=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(i){var s=i.isVertical,i=i.className;return e.jsx("div",{"data-testid":"design-system-divider",className:r.twMerge("bg-w-gray-200",void 0!==s&&s?"h-full w-px":"h-px w-full",i)})};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(i){var s=i.isVertical,i=i.className;return e.jsx("div",{"data-testid":"design-system-divider",className:r.twMerge("flex-shrink-0 bg-w-gray-200",void 0!==s&&s?"h-full w-px":"h-px w-full",i)})};
|
|
@@ -3,5 +3,5 @@ export interface IconButtonProps extends ComponentProps<'button'> {
|
|
|
3
3
|
size?: 'sm' | 'md' | 'lg';
|
|
4
4
|
outline?: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const IconButton: ({ size, outline, children, ...rest }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare const IconButton: ({ size, outline, children, onClick, ...rest }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export default IconButton;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("tailwind-merge"),n=require("../Box/Box.js");module.exports=function(s){var u=s.size,u=void 0===u?"md":u,o=s.outline,o=void 0!==o&&o,l=s.children,a=s.onClick,s=e.__rest(s,["size","outline","children","onClick"]),c=r.useState(!1),d=c[0],m=c[1],f=r.useRef(null);return r.useEffect(function(){return function(){f.current&&clearTimeout(f.current)}},[]),t.jsxs("button",e.__assign({"data-testid":"design-system-icon-button",type:"button",className:i.twMerge("relative z-10 flex cursor-pointer items-center justify-center rounded-xl border bg-transparent","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,o?"border-w-gray-200 overflow-hidden":"border-transparent"),onClick:function(e){null!=a&&a(e),m(!0),f.current&&clearTimeout(f.current),f.current=setTimeout(function(){m(!1)},300)}},s,{children:[d&&t.jsx(n,{"data-testid":"design-system-icon-button--ripple",className:i.twMerge("absolute z-0 h-full w-full bg-w-gray-50",o?"animate-[rippleOutline_0.3s_ease-in-out_infinite]":"animate-[ripple_0.3s_ease-in-out_infinite]")}),t.jsx(n,{"data-testid":"design-system-icon-button--icon",className:i.twMerge("z-10 flex items-center justify-center"),children:l})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=require("../Box/Box.js"),a=require("./LoadingIndicator.parts.js");module.exports=function(t){var n=t.isFixed,t=t.size,t=void 0===t?"md":t;return e.jsx(i,{role:"loading-indicator",className:r.twMerge("left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",void 0!==n&&n?"fixed":"absolute",a.generateBoxSize(t)),children:e.jsx(i,{role:"loading-indicator--spinner",className:r.twMerge("border-primary-500/30 border-t-primary-500
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=require("../Box/Box.js"),a=require("./LoadingIndicator.parts.js");module.exports=function(t){var n=t.isFixed,t=t.size,t=void 0===t?"md":t;return e.jsx(i,{role:"loading-indicator",className:r.twMerge("left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",void 0!==n&&n?"fixed":"absolute",a.generateBoxSize(t)),children:e.jsx(i,{role:"loading-indicator--spinner",className:r.twMerge("h-full w-full animate-spin rounded-full border-primary-500/30 border-t-primary-500",a.generateSpinnerBorderSize(t))})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime")
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");module.exports=function(s){s=s.className;return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"4",height:"4",viewBox:"0 0 4 4",fill:"none","data-testid":"design-system-new-badge",className:s,children:e.jsx("circle",{cx:"2",cy:"2",r:"2",fill:"#FF6B21"})})};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { RadioProps } from './Radio.types';
|
|
2
|
-
declare const Radio: ({ value, checked,
|
|
2
|
+
declare const Radio: ({ value, checked, disabled, isError, isHover, className, ...rest }: RadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default Radio;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var r=require("../../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),i=require("tailwind-merge"),s=function(r){var s=r.disabled,d=r.checked,d=void 0!==d&&d,a=r.isError,o=r.isHover,r=r.className;return e.jsx("div",{className:i.twMerge("relative box-border flex h-[18px] w-[18px] items-center justify-center rounded-full border p-1",s?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":d&&!a?"bg-w-white border-primary-500":d&&a?"bg-w-white border-w-red-500":!d&&a?"border-w-red-500":!o||s||d||a?"bg-white border-w-gray-200 hover:border-primary-500 cursor-pointer":"border-primary-500",r),role:"radio-button",children:e.jsx("div",{className:i.twMerge("h-full w-full rounded-full bg-w-primary transition-all duration-100 ease-in-out",!d&&"h-0 w-0",a&&"bg-w-red-500",s&&"bg-w-gray-200")})})};module.exports=function(i){var d=i.value,d=void 0===d?"":d,a=i.checked,a=void 0!==a&&a,o=i.disabled,o=void 0!==o&&o,l=i.isError,l=void 0!==l&&l,t=i.isHover,t=void 0!==t&&t,c=i.className,i=r.__rest(i,["value","checked","disabled","isError","isHover","className"]);return e.jsxs("label",{"data-testid":"design-system-radio",className:"cursor-pointer",children:[e.jsx("input",r.__assign({type:"radio",className:"hidden",value:d,checked:a,disabled:o},i)),e.jsx(s,{checked:a,isError:l,isHover:t,disabled:o,className:c})]})};
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { ChangeEvent } from 'react';
|
|
2
1
|
import { RadioStatus } from '../../../types';
|
|
3
2
|
export interface RadioButtonProps extends RadioStatus {
|
|
4
3
|
className?: string;
|
|
5
4
|
}
|
|
6
5
|
export interface RadioProps extends RadioButtonProps {
|
|
7
6
|
value?: string;
|
|
8
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
9
7
|
[key: string]: any;
|
|
10
8
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ServiceLogoPartProps } from '../ServiceLogo.types';
|
|
2
|
-
declare const WishketSymbolText: ({ className }: ServiceLogoPartProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const WishketSymbolText: ({ className, variant }: ServiceLogoPartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default WishketSymbolText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");module.exports=function(l){
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");module.exports=function(l){var C=l.className;return"white"===l.variant?e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"88",height:"20",viewBox:"0 0 88 20",fill:"none",className:C,"data-testid":"design-system-logo--wishket-symbol-text-white",children:[e.jsxs("g",{clipPath:"url(#clip0_5392_9743)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.7296 16.4053L24 5.30164H26.5459L28.2063 13.407L29.919 5.30164H32.3992L34.1104 13.407L35.5887 5.30164H37.9495L35.5872 16.4053H32.6352L31.1584 9.46459L29.6816 16.4053H26.7296ZM41.7452 2.00296L41.7437 4.02598L39.1186 4.02302V2L41.7452 2.00296ZM39.1082 16.4023L39.1201 5.30016L41.7467 5.30312L41.7347 16.4053L39.1082 16.4023ZM46.9579 5.30164H47.5567C50.1817 5.30164 51.4943 6.41156 51.4943 8.6314H48.8692C48.8692 7.81746 48.4317 7.41197 47.5567 7.41197H46.9594C46.0829 7.41197 45.6454 7.81894 45.6454 8.63288C45.6454 9.37283 46.0829 9.74281 46.9594 9.74281H47.6164C50.24 9.74281 51.554 10.8527 51.554 13.0726C51.554 15.2924 50.24 16.4053 47.6149 16.4053H46.9579C44.3329 16.4053 43.0204 15.2939 43.0204 13.074H45.6454C45.6454 13.888 46.0829 14.295 46.9594 14.295H47.6164C48.49 14.295 48.9275 13.888 48.9275 13.074C48.9275 12.3341 48.49 11.9641 47.6149 11.9641H46.9579C44.3329 11.9641 43.0204 10.8527 43.0204 8.63288C43.0204 6.41156 44.3344 5.30164 46.9579 5.30164ZM58.6004 16.4053V8.63288C58.6004 7.89294 58.1629 7.71831 57.2864 7.71831C56.5861 7.71831 55.9291 7.83078 55.3169 8.05277V16.4068H52.6918V2.42769H55.3184V6.27541C55.9306 5.75745 56.719 5.49699 57.6821 5.49699C60.0428 5.49699 61.2255 6.41156 61.2255 8.6314V16.4053H58.6004ZM65.0764 2.42769V10.2978L68.6198 5.49699H71.6405L67.7015 10.8542L71.6405 16.4053H68.6198L65.0764 11.4077V16.4053H62.4499V2.42769H65.0764ZM74.4895 8.63288C74.4895 7.89294 74.927 7.71683 75.8021 7.71683H76.4591C77.3341 7.71683 77.7716 7.89146 77.7716 8.6314V9.74281H74.4895V8.63288ZM80.3981 11.9626V8.63288C80.3981 6.41304 79.0841 5.49699 76.4591 5.49699H75.8021C73.177 5.49699 71.8645 6.41156 71.8645 8.6314V13.0726C71.8645 15.2939 73.177 16.4053 75.8021 16.4053H76.4591C79.0856 16.4053 80.3981 15.2954 80.3981 13.0726H77.7701C77.7701 13.814 77.3341 14.184 76.4591 14.184H75.8021C74.927 14.184 74.488 13.814 74.488 13.074V11.9641L80.3981 11.9626ZM82.7499 7.81598H81.4374V5.59466H82.7499V3.43846L85.375 2.32854V5.59318H88V7.81302H85.375V13.1702C85.375 13.9102 85.8125 14.2802 86.6875 14.2802H88L86.6875 16.5C84.0624 16.5 82.7499 15.3901 82.7499 13.1702V7.81302V7.81598Z",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.5585 7.17694L12.3285 9.55996L12.273 9.99999L7.08008 12.9902L7.08158 18.5077C7.08158 19.1163 7.80457 19.6806 7.80457 19.6806C8.54406 20.1064 9.45455 20.1064 10.194 19.6806L16.8045 15.8718C17.544 15.4461 18 14.6603 18 13.8074V6.19259C18 5.90971 17.946 5.63826 17.853 5.3811C17.6295 6.56404 17.0595 6.84549 16.5585 7.17694Z",fill:"#0055B8"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.36351 18.4736V6.87137L3.00006 4.25119C2.19907 3.65687 1.19408 4.1269 1.19408 4.1269C0.825839 4.34455 0.522588 4.64877 0.313484 5.01031C0.104379 5.37186 -0.003545 5.77857 8.8819e-05 6.19132V13.809C8.8819e-05 14.6605 0.454584 15.4477 1.19408 15.8734L7.80601 19.6808C8.0055 19.7965 8.22 19.878 8.439 19.9308C8.12221 19.8256 7.84804 19.6284 7.6551 19.367C7.46217 19.1056 7.36018 18.7931 7.36351 18.4736Z",fill:"#00A7E1"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.46452 4.34958L12.2729 9.99997L17.1734 7.17692C17.7644 6.83689 18.0418 6.15399 17.9009 5.51966C17.7341 4.9401 17.3428 4.44232 16.8059 4.12671L10.1939 0.319311C9.834 0.11047 9.42066 0 8.9992 0C8.57773 0 8.1644 0.11047 7.80446 0.319311L1.19403 4.12671C0.995594 4.24247 0.815741 4.3849 0.660034 4.5496C0.894762 4.33061 1.19924 4.19212 1.52561 4.15592C1.85198 4.11971 2.18323 4.18784 2.46452 4.34958Z",fill:"#00B551"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_5392_9743",children:e.jsx("rect",{width:"88",height:"20",fill:"white"})})})]}):e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"88",height:"20",viewBox:"0 0 88 20",fill:"none",className:C,"data-testid":"design-system-logo--wishket-symbol-text",children:[e.jsxs("g",{clipPath:"url(#clip0_3475_522)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.7296 16.4053L24 5.30164H26.5459L28.2063 13.407L29.919 5.30164H32.3992L34.1105 13.407L35.5887 5.30164H37.9495L35.5872 16.4053H32.6352L31.1584 9.46459L29.6816 16.4053H26.7296ZM41.7452 2.00296L41.7437 4.02598L39.1186 4.02302V2L41.7452 2.00296ZM39.1082 16.4023L39.1201 5.30016L41.7467 5.30312L41.7347 16.4053L39.1082 16.4023ZM46.9579 5.30164H47.5567C50.1817 5.30164 51.4943 6.41156 51.4943 8.6314H48.8692C48.8692 7.81746 48.4317 7.41197 47.5567 7.41197H46.9594C46.0829 7.41197 45.6454 7.81894 45.6454 8.63288C45.6454 9.37283 46.0829 9.7428 46.9594 9.7428H47.6164C50.24 9.7428 51.554 10.8527 51.554 13.0726C51.554 15.2924 50.24 16.4053 47.6149 16.4053H46.9579C44.3329 16.4053 43.0204 15.2939 43.0204 13.074H45.6454C45.6454 13.888 46.0829 14.295 46.9594 14.295H47.6164C48.49 14.295 48.9275 13.888 48.9275 13.074C48.9275 12.3341 48.49 11.9641 47.6149 11.9641H46.9579C44.3329 11.9641 43.0204 10.8527 43.0204 8.63288C43.0204 6.41156 44.3344 5.30164 46.9579 5.30164ZM58.6004 16.4053V8.63288C58.6004 7.89294 58.1629 7.71831 57.2864 7.71831C56.5861 7.71831 55.9291 7.83078 55.3169 8.05277V16.4068H52.6918V2.42769H55.3184V6.27541C55.9306 5.75745 56.719 5.49699 57.6821 5.49699C60.0428 5.49699 61.2255 6.41156 61.2255 8.6314V16.4053H58.6004ZM65.0764 2.42769V10.2978L68.6198 5.49699H71.6405L67.7015 10.8542L71.6405 16.4053H68.6198L65.0764 11.4077V16.4053H62.4499V2.42769H65.0764ZM74.4895 8.63288C74.4895 7.89294 74.927 7.71683 75.8021 7.71683H76.4591C77.3341 7.71683 77.7716 7.89146 77.7716 8.6314V9.7428H74.4895V8.63288ZM80.3981 11.9626V8.63288C80.3981 6.41304 79.0841 5.49699 76.4591 5.49699H75.8021C73.177 5.49699 71.8645 6.41156 71.8645 8.6314V13.0726C71.8645 15.2939 73.177 16.4053 75.8021 16.4053H76.4591C79.0856 16.4053 80.3981 15.2954 80.3981 13.0726H77.7701C77.7701 13.814 77.3341 14.184 76.4591 14.184H75.8021C74.927 14.184 74.4881 13.814 74.4881 13.074V11.9641L80.3981 11.9626ZM82.7499 7.81598H81.4374V5.59466H82.7499V3.43846L85.375 2.32854V5.59318H88V7.81302H85.375V13.1702C85.375 13.9102 85.8125 14.2802 86.6875 14.2802H88L86.6875 16.5C84.0624 16.5 82.7499 15.3901 82.7499 13.1702V7.81302V7.81598Z",fill:"#212121"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.5585 7.17694L12.3285 9.55996L12.273 9.99999L7.08008 12.9902L7.08158 18.5077C7.08158 19.1163 7.80457 19.6806 7.80457 19.6806C8.54406 20.1064 9.45455 20.1064 10.194 19.6806L16.8045 15.8718C17.544 15.4461 18 14.6603 18 13.8074V6.19259C18 5.90971 17.946 5.63826 17.853 5.3811C17.6295 6.56404 17.0595 6.84549 16.5585 7.17694Z",fill:"#0055B8"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.36351 18.4736V6.87134L3.00006 4.25116C2.19907 3.65684 1.19408 4.12687 1.19408 4.12687C0.825839 4.34452 0.522588 4.64874 0.313484 5.01028C0.104379 5.37183 -0.003545 5.77854 8.8819e-05 6.19129V13.809C8.8819e-05 14.6604 0.454584 15.4476 1.19408 15.8734L7.806 19.6808C8.0055 19.7965 8.22 19.8779 8.439 19.9308C8.12221 19.8256 7.84804 19.6284 7.6551 19.367C7.46217 19.1056 7.36018 18.7931 7.36351 18.4736Z",fill:"#00A7E1"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.46439 4.34958L12.2728 9.99997L17.1732 7.17692C17.7642 6.83689 18.0417 6.15399 17.9007 5.51966C17.734 4.9401 17.3427 4.44232 16.8057 4.12671L10.1938 0.319311C9.83387 0.11047 9.42054 0 8.99907 0C8.57761 0 8.16427 0.11047 7.80434 0.319311L1.19391 4.12671C0.995472 4.24247 0.815619 4.3849 0.659912 4.5496C0.89464 4.33061 1.19912 4.19212 1.52549 4.15592C1.85186 4.11971 2.18311 4.18784 2.46439 4.34958Z",fill:"#00B551"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_3475_522",children:e.jsx("rect",{width:"88",height:"20",fill:"white"})})})]})};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ServiceLogoPartProps } from '../ServiceLogo.types';
|
|
2
|
-
declare const WishketText: ({ className }: ServiceLogoPartProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const WishketText: ({ className, variant }: ServiceLogoPartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default WishketText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var H=require("react/jsx-runtime");module.exports=function(
|
|
1
|
+
"use strict";var H=require("react/jsx-runtime");module.exports=function(t){var C=t.className;return"white"===t.variant?H.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"72",height:"16",viewBox:"0 0 72 16",fill:"none",className:C,"data-testid":"design-system-logo--wishket-text-white",children:[H.jsx("path",{d:"M3.06519 15.8881L0 3.63849H2.85897L4.73371 12.5826L6.65531 3.63849H9.44867L11.3703 12.5826L13.0294 3.63849H15.6915L13.0294 15.8881H9.71113L8.05199 8.23092L6.39285 15.8881H3.06519Z",fill:"white"}),H.jsx("path",{d:"M19.9569 0H17.0039V2.2314H19.9569V0Z",fill:"white"}),H.jsx("path",{d:"M19.9569 3.63843H17.0039V15.888H19.9569V3.63843Z",fill:"white"}),H.jsx("path",{d:"M25.8249 3.63843H26.4999C29.4529 3.63843 30.934 4.86061 30.934 7.31423H27.9811C27.9811 6.41611 27.4842 5.97168 26.4999 5.97168H25.8249C24.8406 5.97168 24.3437 6.42537 24.3437 7.31423C24.3437 8.12901 24.8406 8.53641 25.8249 8.53641H26.5655C29.5185 8.53641 30.9997 9.75859 30.9997 12.2122C30.9997 14.6658 29.5185 15.888 26.5655 15.888H25.8249C22.8719 15.888 21.3907 14.6658 21.3907 12.2122H24.3437C24.3437 13.1103 24.8406 13.564 25.8249 13.564H26.5655C27.5498 13.564 28.0373 13.1103 28.0373 12.2122C28.0373 11.3974 27.5498 10.99 26.5655 10.99H25.8249C22.8719 10.99 21.3907 9.76784 21.3907 7.31423C21.3907 4.86061 22.8719 3.63843 25.8249 3.63843Z",fill:"white"}),H.jsx("path",{d:"M38.9199 15.8882V7.3144C38.9199 6.49961 38.4324 6.30518 37.4481 6.30518C36.6606 6.30518 35.92 6.42554 35.2357 6.67553V15.8882H32.2827V0.472046H35.2357V4.71264C35.9294 4.13858 36.8106 3.85156 37.8981 3.85156C40.5604 3.85156 41.8823 4.86078 41.8823 7.3144V15.8882H38.9293H38.9199Z",fill:"white"}),H.jsx("path",{d:"M46.2027 0.472046V9.15693L50.1865 3.85156H53.5892L49.1554 9.76802L53.5892 15.8882H50.1865L46.2027 10.3791V15.8882H43.25V0.472046H46.2027Z",fill:"white"}),H.jsx("path",{d:"M63.442 10.9906V7.31477C63.442 4.86115 61.9702 3.85193 59.0079 3.85193H58.2673C55.3143 3.85193 53.8331 4.86115 53.8331 7.31477V12.2127C53.8331 14.6664 55.3143 15.8885 58.2673 15.8885H59.0079C61.9609 15.8885 63.442 14.6664 63.442 12.2127H60.4891C60.4891 13.0275 59.9922 13.4349 59.0173 13.4349H58.2767C57.2923 13.4349 56.7955 13.0275 56.7955 12.2127V10.9906H63.442ZM56.7955 7.31477C56.7955 6.49998 57.2923 6.30555 58.2767 6.30555H59.0173C60.0016 6.30555 60.4891 6.49998 60.4891 7.31477V8.53695H56.7955V7.31477Z",fill:"white"}),H.jsx("path",{d:"M66.0846 6.41704H64.6034V3.96342H66.0846V1.58387L69.0376 0.361694V3.96342H71.9905V6.41704H69.0376V12.3242C69.0376 13.139 69.5344 13.5464 70.5187 13.5464H71.9999L70.5187 16C67.5657 16 66.0846 14.7779 66.0846 12.3242V6.41704Z",fill:"white"})]}):H.jsxs("svg",{width:"72",height:"20",viewBox:"0 0 72 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C,"data-testid":"design-system-logo--wishket-text",children:[H.jsx("path",{d:"M3.06519 17.888L0 5.63843H2.85897L4.73371 14.5826L6.65531 5.63843H9.44867L11.3703 14.5826L13.0294 5.63843H15.6915L13.0294 17.888H9.71113L8.05199 10.2309L6.39285 17.888H3.06519Z",fill:"#212121"}),H.jsx("path",{d:"M19.9569 2H17.0039V4.2314H19.9569V2Z",fill:"#212121"}),H.jsx("path",{d:"M19.9569 5.63843H17.0039V17.888H19.9569V5.63843Z",fill:"#212121"}),H.jsx("path",{d:"M25.825 5.63843H26.5C29.453 5.63843 30.9342 6.86061 30.9342 9.31423H27.9812C27.9812 8.41611 27.4843 7.97168 26.5 7.97168H25.825C24.8407 7.97168 24.3439 8.42537 24.3439 9.31423C24.3439 10.129 24.8407 10.5364 25.825 10.5364H26.5656C29.5186 10.5364 30.9998 11.7586 30.9998 14.2122C30.9998 16.6658 29.5186 17.888 26.5656 17.888H25.825C22.872 17.888 21.3909 16.6658 21.3909 14.2122H24.3439C24.3439 15.1103 24.8407 15.564 25.825 15.564H26.5656C27.55 15.564 28.0374 15.1103 28.0374 14.2122C28.0374 13.3974 27.55 12.99 26.5656 12.99H25.825C22.872 12.99 21.3909 11.7678 21.3909 9.31423C21.3909 6.86061 22.872 5.63843 25.825 5.63843Z",fill:"#212121"}),H.jsx("path",{d:"M38.9199 17.8882V9.3144C38.9199 8.49961 38.4324 8.30518 37.4481 8.30518C36.6606 8.30518 35.92 8.42554 35.2357 8.67553V17.8882H32.2827V2.47205H35.2357V6.71264C35.9294 6.13858 36.8106 5.85156 37.8981 5.85156C40.5604 5.85156 41.8823 6.86078 41.8823 9.3144V17.8882H38.9293H38.9199Z",fill:"#212121"}),H.jsx("path",{d:"M46.2027 2.47205V11.1569L50.1865 5.85156H53.5892L49.1554 11.768L53.5892 17.8882H50.1865L46.2027 12.3791V17.8882H43.25V2.47205H46.2027Z",fill:"#212121"}),H.jsx("path",{d:"M63.4419 12.9906V9.31477C63.4419 6.86115 61.9701 5.85193 59.0078 5.85193H58.2672C55.3142 5.85193 53.833 6.86115 53.833 9.31477V14.2127C53.833 16.6664 55.3142 17.8885 58.2672 17.8885H59.0078C61.9607 17.8885 63.4419 16.6664 63.4419 14.2127H60.4889C60.4889 15.0275 59.9921 15.4349 59.0171 15.4349H58.2766C57.2922 15.4349 56.7954 15.0275 56.7954 14.2127V12.9906H63.4419ZM56.7954 9.31477C56.7954 8.49998 57.2922 8.30555 58.2766 8.30555H59.0171C60.0015 8.30555 60.4889 8.49998 60.4889 9.31477V10.537H56.7954V9.31477Z",fill:"#212121"}),H.jsx("path",{d:"M66.0844 8.41704H64.6033V5.96342H66.0844V3.58387L69.0374 2.36169V5.96342H71.9904V8.41704H69.0374V14.3242C69.0374 15.139 69.5343 15.5464 70.5186 15.5464H71.9998L70.5186 18C67.5656 18 66.0844 16.7779 66.0844 14.3242V8.41704Z",fill:"#212121"})]})};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ServiceLogoPartProps } from '../ServiceLogo.types';
|
|
2
|
-
declare const YozmITSymbolText: ({ className }: ServiceLogoPartProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const YozmITSymbolText: ({ className, variant }: ServiceLogoPartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default YozmITSymbolText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");module.exports=function(l){
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");module.exports=function(l){var C=l.className;return"white"===l.variant?e.jsxs("svg",{width:"80",height:"20",viewBox:"0 0 80 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C,"data-testid":"design-system-logo--yozmIT-symbol-text-white",children:[e.jsxs("g",{clipPath:"url(#clip0_5400_8961)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M39.1111 11.7375C38.4395 11.7375 37.8017 11.6574 37.1972 11.4966V15.372H41.025V11.4966C40.3981 11.6574 39.7602 11.7375 39.1111 11.7375ZM39.1111 4.66251C38.63 4.66251 38.1737 4.71989 37.7428 4.83466C37.3121 4.94925 36.9312 5.11288 36.6012 5.3252C36.2711 5.5377 36.0108 5.79849 35.8208 6.10834C35.6302 6.41819 35.5354 6.76232 35.5354 7.1411V7.79546C35.5354 8.17425 35.6302 8.51838 35.8208 8.82823C36.0108 9.13807 36.2711 9.39925 36.6012 9.61156C36.9312 9.82406 37.3121 9.98751 37.7428 10.1021C38.1737 10.2171 38.63 10.2742 39.1111 10.2742C39.5921 10.2742 40.0485 10.2171 40.4794 10.1021C40.9101 9.98751 41.2908 9.82406 41.6211 9.61156C41.9511 9.39925 42.2112 9.13807 42.4014 8.82823C42.5919 8.51838 42.687 8.17425 42.687 7.79546V7.1411C42.687 6.76232 42.5919 6.41819 42.4014 6.10834C42.2112 5.79849 41.9511 5.5377 41.6211 5.3252C41.2908 5.11288 40.9101 4.94925 40.4794 4.83466C40.0485 4.71989 39.5921 4.66251 39.1111 4.66251ZM46.2222 15.372V16.8182H32V15.372H35.5519V10.7907C35.0484 10.458 34.6481 10.0477 34.3517 9.55985C34.055 9.07235 33.9067 8.51288 33.9067 7.88144V7.05512C33.9067 6.45853 34.0436 5.92198 34.3182 5.44565C34.5921 4.9697 34.9669 4.56194 35.4431 4.2233C35.9185 3.88504 36.4726 3.6269 37.105 3.44849C37.7371 3.27103 38.4061 3.18182 39.1111 3.18182C39.8163 3.18182 40.4848 3.27103 41.1174 3.44849C41.7496 3.6269 42.3035 3.88504 42.7793 4.2233C43.2549 4.56194 43.6299 4.9697 43.9042 5.44565C44.1785 5.92198 44.3155 6.45853 44.3155 7.05512V7.88144C44.3155 8.51288 44.167 9.07235 43.8706 9.55985C43.5739 10.0477 43.1739 10.458 42.6704 10.7907V15.372H46.2222Z",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M51.242 16.3547H58.0917V13.6507H51.242V16.3547ZM49.5968 17.7273H59.7369V12.1084H49.5968V17.7273ZM54.6502 5.90723C54.6051 6.00131 54.5098 6.10659 54.3646 6.22347C54.2191 6.34073 54.0456 6.45451 53.8441 6.56578C53.6428 6.67725 53.4355 6.78833 53.2231 6.89941C53.0102 7.01088 52.8144 7.10128 52.6356 7.17141C52.0647 7.40593 51.5216 7.62539 51.007 7.82997C50.4921 8.03493 49.9494 8.23681 49.3785 8.43579L48.7573 7.03116C49.4511 6.79702 50.0444 6.58626 50.537 6.39888C51.0294 6.21188 51.505 6.01869 51.964 5.81933C52.5235 5.5738 52.974 5.2989 53.3155 4.99444C53.6564 4.68999 53.8275 4.35057 53.8275 3.9756V3.7123H49.4121V2.27271H59.9214V3.7123H55.4894V3.9756C55.4894 4.35057 55.6573 4.6813 55.9931 4.96798C56.3289 5.25485 56.782 5.53284 57.3529 5.80214C57.8007 6.01271 58.2763 6.21188 58.7799 6.39888C59.2836 6.58626 59.8767 6.79702 60.5594 7.03116L59.9552 8.43579C59.3732 8.23681 58.8246 8.03493 58.3101 7.82997C57.7951 7.62539 57.2691 7.40593 56.7318 7.17141C56.5526 7.08989 56.3513 6.99581 56.1274 6.89052C55.9032 6.78505 55.6908 6.67397 55.4894 6.55709C55.2879 6.44022 55.1117 6.32585 54.9606 6.21439C54.8095 6.10331 54.7113 6.00131 54.6668 5.90723H54.6502ZM47.5557 10.6833H61.7779V9.20832H47.5557V10.6833Z",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M66.2222 16.8182H68.4444V3.18182H66.2222V16.8182Z",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M80.0001 3.18182H70.6667V5.45455H74.2134V16.8182H74.2578H76.4262H76.4534V5.45455H80.0001V3.18182Z",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.03772 0C8.20802 0 7.4456 0.470288 7.05208 1.22422L0.109089 14.5364C-0.214522 15.1567 0.220718 15.9091 0.903271 15.9091H11.4205L13.5792 11.7702L10.2722 4.9421C10.1223 4.63265 10.3402 4.26829 10.6757 4.26829H13.1468C13.4886 4.26829 13.8007 4.46754 13.9537 4.78301L15.528 8.03351L19.002 1.37284C19.3256 0.752384 18.8904 0 18.2078 0H9.03772Z",fill:"url(#paint0_linear_5400_8961)"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.1859 4.09094L15.439 15.238C15.2822 15.5418 14.9761 15.7317 14.6425 15.7317H11.3971L9.88688 18.6272C9.56308 19.2476 9.9985 20 10.6809 20H19.8511C20.6806 20 21.4434 19.5297 21.8365 18.7756L28.7797 5.46359C29.1035 4.84333 28.668 4.09094 27.9855 4.09094H21.1859Z",fill:"url(#paint1_linear_5400_8961)"})]}),e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"paint0_linear_5400_8961",x1:"9.55556",y1:"0",x2:"9.55556",y2:"15.9091",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#8E2DE2"}),e.jsx("stop",{offset:"1",stopColor:"#5A00DB"})]}),e.jsxs("linearGradient",{id:"paint1_linear_5400_8961",x1:"19.3333",y1:"4.09094",x2:"19.3333",y2:"20",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#8E2DE2"}),e.jsx("stop",{offset:"1",stopColor:"#5A00DB"})]}),e.jsx("clipPath",{id:"clip0_5400_8961",children:e.jsx("rect",{width:"80",height:"20",fill:"white"})})]})]}):e.jsxs("svg",{width:"80",height:"20",viewBox:"0 0 80 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C,"data-testid":"design-system-logo--yozmIT-symbol-text",children:[e.jsxs("g",{clipPath:"url(#clip0_3475_339)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M39.1111 11.7376C38.4395 11.7376 37.8017 11.6575 37.1972 11.4967V15.372H41.025V11.4967C40.3981 11.6575 39.7602 11.7376 39.1111 11.7376ZM39.1111 4.66257C38.63 4.66257 38.1737 4.71995 37.7428 4.83473C37.3121 4.94931 36.9312 5.11295 36.6012 5.32526C36.2711 5.53776 36.0108 5.79855 35.8208 6.1084C35.6302 6.41825 35.5354 6.76238 35.5354 7.14117V7.79552C35.5354 8.17431 35.6302 8.51844 35.8208 8.82829C36.0108 9.13813 36.2711 9.39931 36.6012 9.61162C36.9312 9.82412 37.3121 9.98757 37.7428 10.1021C38.1737 10.2171 38.63 10.2743 39.1111 10.2743C39.5921 10.2743 40.0485 10.2171 40.4794 10.1021C40.9101 9.98757 41.2908 9.82412 41.6211 9.61162C41.9511 9.39931 42.2112 9.13813 42.4014 8.82829C42.5919 8.51844 42.687 8.17431 42.687 7.79552V7.14117C42.687 6.76238 42.5919 6.41825 42.4014 6.1084C42.2112 5.79855 41.9511 5.53776 41.6211 5.32526C41.2908 5.11295 40.9101 4.94931 40.4794 4.83473C40.0485 4.71995 39.5921 4.66257 39.1111 4.66257ZM46.2222 15.372V16.8182H32V15.372H35.5519V10.7908C35.0484 10.458 34.6481 10.0478 34.3517 9.55992C34.055 9.07242 33.9067 8.51295 33.9067 7.88151V7.05518C33.9067 6.45859 34.0436 5.92204 34.3182 5.44571C34.5921 4.96976 34.9669 4.562 35.4431 4.22336C35.9185 3.8851 36.4726 3.62696 37.105 3.44855C37.7371 3.27109 38.4061 3.18188 39.1111 3.18188C39.8163 3.18188 40.4848 3.27109 41.1174 3.44855C41.7496 3.62696 42.3035 3.8851 42.7793 4.22336C43.2549 4.562 43.6299 4.96976 43.9042 5.44571C44.1785 5.92204 44.3155 6.45859 44.3155 7.05518V7.88151C44.3155 8.51295 44.167 9.07242 43.8706 9.55992C43.5739 10.0478 43.1739 10.458 42.6704 10.7908V15.372H46.2222Z",fill:"#212121"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M51.242 16.3547H58.0917V13.6507H51.242V16.3547ZM49.5968 17.7273H59.7369V12.1084H49.5968V17.7273ZM54.6502 5.90723C54.6051 6.00131 54.5098 6.10659 54.3646 6.22347C54.2191 6.34073 54.0456 6.45451 53.8441 6.56578C53.6428 6.67725 53.4355 6.78833 53.2231 6.89941C53.0102 7.01088 52.8144 7.10128 52.6356 7.17141C52.0647 7.40593 51.5216 7.62539 51.007 7.82997C50.4921 8.03493 49.9494 8.23681 49.3785 8.43579L48.7573 7.03116C49.4511 6.79702 50.0444 6.58626 50.537 6.39888C51.0294 6.21188 51.505 6.01869 51.964 5.81933C52.5235 5.5738 52.974 5.2989 53.3155 4.99444C53.6564 4.68999 53.8275 4.35057 53.8275 3.9756V3.7123H49.4121V2.27271H59.9214V3.7123H55.4894V3.9756C55.4894 4.35057 55.6573 4.6813 55.9931 4.96798C56.3289 5.25485 56.782 5.53284 57.3529 5.80214C57.8007 6.01271 58.2763 6.21188 58.7799 6.39888C59.2836 6.58626 59.8767 6.79702 60.5594 7.03116L59.9552 8.43579C59.3732 8.23681 58.8246 8.03493 58.3101 7.82997C57.7951 7.62539 57.2691 7.40593 56.7318 7.17141C56.5526 7.08989 56.3513 6.99581 56.1274 6.89052C55.9032 6.78505 55.6908 6.67397 55.4894 6.55709C55.2879 6.44022 55.1117 6.32585 54.9606 6.21439C54.8095 6.10331 54.7113 6.00131 54.6668 5.90723H54.6502ZM47.5557 10.6833H61.7779V9.20832H47.5557V10.6833Z",fill:"#212121"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M66.2222 16.8182H68.4444V3.18188H66.2222V16.8182Z",fill:"#212121"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M80.0001 3.18188H70.6667V5.45461H74.2134V16.8182H74.2578H76.4262H76.4534V5.45461H80.0001V3.18188Z",fill:"#212121"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.03772 0C8.20802 0 7.4456 0.470288 7.05208 1.22422L0.109089 14.5364C-0.214522 15.1567 0.220718 15.9091 0.903271 15.9091H11.4205L13.5792 11.7702L10.2722 4.9421C10.1223 4.63265 10.3402 4.26829 10.6757 4.26829H13.1468C13.4886 4.26829 13.8007 4.46754 13.9537 4.78301L15.528 8.03351L19.002 1.37284C19.3256 0.752384 18.8904 0 18.2078 0H9.03772Z",fill:"url(#paint0_linear_3475_339)"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.1861 4.09094L15.4391 15.238C15.2824 15.5418 14.9762 15.7317 14.6427 15.7317H11.3972L9.887 18.6272C9.5632 19.2476 9.99863 20 10.681 20H19.8512C20.6807 20 21.4435 19.5297 21.8367 18.7756L28.7798 5.46359C29.1036 4.84333 28.6681 4.09094 27.9856 4.09094H21.1861Z",fill:"url(#paint1_linear_3475_339)"})]}),e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"paint0_linear_3475_339",x1:"9.55556",y1:"0",x2:"9.55556",y2:"15.9091",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#8E2DE2"}),e.jsx("stop",{offset:"1",stopColor:"#5A00DB"})]}),e.jsxs("linearGradient",{id:"paint1_linear_3475_339",x1:"19.3334",y1:"4.09094",x2:"19.3334",y2:"20",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#8E2DE2"}),e.jsx("stop",{offset:"1",stopColor:"#5A00DB"})]}),e.jsx("clipPath",{id:"clip0_3475_339",children:e.jsx("rect",{width:"80",height:"20",fill:"white"})})]})]})};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ServiceLogoPartProps } from '../ServiceLogo.types';
|
|
2
|
-
declare const YozmITText: ({ className }: ServiceLogoPartProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const YozmITText: ({ className, variant }: ServiceLogoPartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default YozmITText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var C=require("react/jsx-runtime");module.exports=function(e){
|
|
1
|
+
"use strict";var C=require("react/jsx-runtime");module.exports=function(e){var l=e.className;return"white"===e.variant?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"50",height:"20",viewBox:"0 0 50 20",fill:"none",className:l,"data-testid":"design-system-logo--yozmIT-text-white",children:[C.jsxs("g",{clipPath:"url(#clip0_5400_8956)",children:[C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.40739 11.7989C6.70783 11.7989 6.04347 11.716 5.41375 11.5495V15.5617H9.40104V11.5495C8.74804 11.716 8.08349 11.7989 7.40739 11.7989ZM7.40739 4.47423C6.90619 4.47423 6.43096 4.53364 5.9821 4.65246C5.53342 4.77109 5.13669 4.9405 4.79287 5.1603C4.44905 5.3803 4.17796 5.6503 3.97998 5.97109C3.78143 6.29187 3.68273 6.64815 3.68273 7.0403V7.71775C3.68273 8.10991 3.78143 8.46619 3.97998 8.78697C4.17796 9.10776 4.44905 9.37815 4.79287 9.59795C5.13669 9.81795 5.53342 9.98717 5.9821 10.1058C6.43096 10.2248 6.90619 10.284 7.40739 10.284C7.9084 10.284 8.38383 10.2248 8.83269 10.1058C9.28137 9.98717 9.67791 9.81795 10.0219 9.59795C10.3657 9.37815 10.6366 9.10776 10.8348 8.78697C11.0332 8.46619 11.1323 8.10991 11.1323 7.71775V7.0403C11.1323 6.64815 11.0332 6.29187 10.8348 5.97109C10.6366 5.6503 10.3657 5.3803 10.0219 5.1603C9.67791 4.9405 9.28137 4.77109 8.83269 4.65246C8.38383 4.53364 7.9084 4.47423 7.40739 4.47423ZM14.8148 15.5617V17.0589H0V15.5617H3.69985V10.8187C3.17537 10.4742 2.75844 10.0495 2.44964 9.54442C2.14064 9.03972 1.98614 8.4605 1.98614 7.80677V6.95128C1.98614 6.33364 2.12871 5.77815 2.41481 5.28501C2.70014 4.79226 3.09052 4.37011 3.58652 4.01952C4.08176 3.66932 4.65896 3.40207 5.31774 3.21736C5.97613 3.03364 6.673 2.94128 7.40739 2.94128C8.14198 2.94128 8.83827 3.03364 9.49724 3.21736C10.1558 3.40207 10.7328 3.66932 11.2285 4.01952C11.7239 4.37011 12.1145 4.79226 12.4002 5.28501C12.6859 5.77815 12.8286 6.33364 12.8286 6.95128V7.80677C12.8286 8.4605 12.674 9.03972 12.3652 9.54442C12.0562 10.0495 11.6394 10.4742 11.1149 10.8187V15.5617H14.8148Z",fill:"white"}),C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.0438 16.579H27.1789V13.7796H20.0438V16.579ZM18.3301 18H28.8926V12.1828H18.3301V18ZM23.5939 5.7628C23.547 5.8602 23.4477 5.9692 23.2965 6.0902C23.1449 6.2116 22.9642 6.3294 22.7543 6.4446C22.5446 6.56 22.3287 6.675 22.1075 6.79C21.8856 6.9054 21.6817 6.999 21.4954 7.0716C20.9007 7.3144 20.3351 7.5416 19.799 7.7534C19.2626 7.9656 18.6974 8.1746 18.1027 8.3806L17.4556 6.9264C18.1783 6.684 18.7963 6.4658 19.3094 6.2718C19.8223 6.0782 20.3177 5.8782 20.7959 5.6718C21.3786 5.4176 21.8479 5.133 22.2037 4.8178C22.5588 4.5026 22.737 4.1512 22.737 3.763V3.4904H18.1377V2H29.0848V3.4904H24.4682V3.763C24.4682 4.1512 24.6431 4.4936 24.9929 4.7904C25.3427 5.0874 25.8146 5.3752 26.4093 5.654C26.8757 5.872 27.3711 6.0782 27.8958 6.2718C28.4205 6.4658 29.0383 6.684 29.7494 6.9264L29.12 8.3806C28.5138 8.1746 27.9424 7.9656 27.4063 7.7534C26.8699 7.5416 26.322 7.3144 25.7623 7.0716C25.5757 6.9872 25.3659 6.8898 25.1327 6.7808C24.8992 6.6716 24.6779 6.5566 24.4682 6.4356C24.2583 6.3146 24.0747 6.1962 23.9174 6.0808C23.76 5.9658 23.6576 5.8602 23.6113 5.7628H23.5939ZM16.2039 10.7074H31.0186V9.1804H16.2039V10.7074Z",fill:"white"}),C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M35.6479 17.0589H37.9628V2.94128H35.6479V17.0589Z",fill:"white"}),C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M50 2.94128H40.2778V5.29423H43.9723V17.0589H44.0185H46.2772H46.3056V5.29423H50V2.94128Z",fill:"white"})]}),C.jsx("defs",{children:C.jsx("clipPath",{id:"clip0_5400_8956",children:C.jsx("rect",{width:"50",height:"20",fill:"white"})})})]}):C.jsxs("svg",{width:"50",height:"20",viewBox:"0 0 50 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:l,"data-testid":"design-system-logo--yozmIT-text",children:[C.jsxs("g",{clipPath:"url(#clip0_3480_2)",children:[C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.40739 11.7989C6.70783 11.7989 6.04347 11.716 5.41375 11.5495V15.5617H9.40104V11.5495C8.74804 11.716 8.08349 11.7989 7.40739 11.7989ZM7.40739 4.47423C6.90619 4.47423 6.43096 4.53364 5.9821 4.65246C5.53342 4.77109 5.13669 4.9405 4.79287 5.1603C4.44905 5.3803 4.17796 5.6503 3.97998 5.97109C3.78143 6.29187 3.68273 6.64815 3.68273 7.0403V7.71775C3.68273 8.10991 3.78143 8.46619 3.97998 8.78697C4.17796 9.10776 4.44905 9.37815 4.79287 9.59795C5.13669 9.81795 5.53342 9.98717 5.9821 10.1058C6.43096 10.2248 6.90619 10.284 7.40739 10.284C7.9084 10.284 8.38383 10.2248 8.83269 10.1058C9.28137 9.98717 9.67791 9.81795 10.0219 9.59795C10.3657 9.37815 10.6366 9.10776 10.8348 8.78697C11.0332 8.46619 11.1323 8.10991 11.1323 7.71775V7.0403C11.1323 6.64815 11.0332 6.29187 10.8348 5.97109C10.6366 5.6503 10.3657 5.3803 10.0219 5.1603C9.67791 4.9405 9.28137 4.77109 8.83269 4.65246C8.38383 4.53364 7.9084 4.47423 7.40739 4.47423ZM14.8148 15.5617V17.0589H0V15.5617H3.69985V10.8187C3.17537 10.4742 2.75844 10.0495 2.44964 9.54442C2.14064 9.03972 1.98614 8.4605 1.98614 7.80677V6.95128C1.98614 6.33364 2.12871 5.77815 2.41481 5.28501C2.70014 4.79226 3.09052 4.37011 3.58652 4.01952C4.08176 3.66932 4.65896 3.40207 5.31774 3.21736C5.97613 3.03364 6.673 2.94128 7.40739 2.94128C8.14198 2.94128 8.83827 3.03364 9.49724 3.21736C10.1558 3.40207 10.7328 3.66932 11.2285 4.01952C11.7239 4.37011 12.1145 4.79226 12.4002 5.28501C12.6859 5.77815 12.8286 6.33364 12.8286 6.95128V7.80677C12.8286 8.4605 12.674 9.03972 12.3652 9.54442C12.0562 10.0495 11.6394 10.4742 11.1149 10.8187V15.5617H14.8148Z",fill:"#212121"}),C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.0438 16.579H27.1789V13.7796H20.0438V16.579ZM18.3301 18H28.8926V12.1828H18.3301V18ZM23.5939 5.7628C23.547 5.8602 23.4477 5.9692 23.2965 6.0902C23.1449 6.2116 22.9642 6.3294 22.7543 6.4446C22.5446 6.56 22.3287 6.675 22.1075 6.79C21.8856 6.9054 21.6817 6.999 21.4954 7.0716C20.9007 7.3144 20.3351 7.5416 19.799 7.7534C19.2626 7.9656 18.6974 8.1746 18.1027 8.3806L17.4556 6.9264C18.1783 6.684 18.7963 6.4658 19.3094 6.2718C19.8223 6.0782 20.3177 5.8782 20.7959 5.6718C21.3786 5.4176 21.8479 5.133 22.2037 4.8178C22.5588 4.5026 22.737 4.1512 22.737 3.763V3.4904H18.1377V2H29.0848V3.4904H24.4682V3.763C24.4682 4.1512 24.6431 4.4936 24.9929 4.7904C25.3427 5.0874 25.8146 5.3752 26.4093 5.654C26.8757 5.872 27.3711 6.0782 27.8958 6.2718C28.4205 6.4658 29.0383 6.684 29.7494 6.9264L29.12 8.3806C28.5138 8.1746 27.9424 7.9656 27.4063 7.7534C26.8699 7.5416 26.322 7.3144 25.7623 7.0716C25.5757 6.9872 25.3659 6.8898 25.1327 6.7808C24.8992 6.6716 24.6779 6.5566 24.4682 6.4356C24.2583 6.3146 24.0747 6.1962 23.9174 6.0808C23.76 5.9658 23.6576 5.8602 23.6113 5.7628H23.5939ZM16.2039 10.7074H31.0186V9.1804H16.2039V10.7074Z",fill:"#212121"}),C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M35.6479 17.0589H37.9628V2.94128H35.6479V17.0589Z",fill:"#212121"}),C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M50 2.94128H40.2778V5.29423H43.9723V17.0589H44.0185H46.2772H46.3056V5.29423H50V2.94128Z",fill:"#212121"})]}),C.jsx("defs",{children:C.jsx("clipPath",{id:"clip0_3480_2",children:C.jsx("rect",{width:"50",height:"20",fill:"white"})})})]})};
|
|
@@ -2,7 +2,7 @@ import { ServiceLogoNames } from './ServiceLogo.types';
|
|
|
2
2
|
interface ServiceLogoProps {
|
|
3
3
|
name: ServiceLogoNames;
|
|
4
4
|
className?: string;
|
|
5
|
-
variant?: 'default' | 'disabled' | 'bluegray';
|
|
5
|
+
variant?: 'default' | 'disabled' | 'bluegray' | 'white';
|
|
6
6
|
}
|
|
7
7
|
declare const ServiceLogo: ({ name, className, variant, }: ServiceLogoProps) => import("react/jsx-runtime").JSX.Element | undefined;
|
|
8
8
|
export default ServiceLogo;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export type ServiceLogoNames = 'wishket_symbol' | 'wishket_symbol_text' | 'wishket_text' | 'yozmIT_symbol' | 'yozmIT_symbol_text' | 'yozmIT_text' | 'jobs_symbol';
|
|
2
2
|
export type ServiceLogoPartProps = {
|
|
3
3
|
className?: string;
|
|
4
|
-
variant?: 'default' | 'disabled' | 'bluegray';
|
|
4
|
+
variant?: 'default' | 'disabled' | 'bluegray' | 'white';
|
|
5
5
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const SkillChip: {
|
|
3
3
|
Root: ({ children, className }: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
Icon: ({
|
|
4
|
+
Icon: ({ className, iconUrl }: import("./SkillChip.parts").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
Text: ({ children, className }: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
};
|
|
7
7
|
export default SkillChip;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
declare const Root: ({ children, className }: ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
|
|
3
|
+
export interface IconProps extends ComponentProps<'div'> {
|
|
4
|
+
iconUrl: string;
|
|
5
|
+
}
|
|
6
|
+
declare const Icon: ({ className, iconUrl }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
7
|
declare const Text: ({ children, className }: ComponentProps<'span'>) => import("react/jsx-runtime").JSX.Element;
|
|
5
8
|
export { Root, Icon, Text };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../Box/Box.js"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("next/image"),t=require("../Box/Box.js"),i=require("../Typography/Typography.js");exports.Icon=function(t){var i=t.className,t=t.iconUrl;return e.jsx(s,{"data-testid":"design-system-skill-chip--icon",src:t,alt:"icon",width:24,height:24,className:r.twMerge("size-6 shrink-0 rounded-full object-cover",i)})},exports.Root=function(s){var i=s.children,s=s.className;return e.jsx(t,{"data-testid":"design-system-skill-chip",className:r.twMerge("flex h-9 w-fit shrink-0 select-none items-center gap-1 rounded-xl border border-gray-200 py-1.5 pl-2 pr-4",s),children:i})},exports.Text=function(s){var t=s.children,s=s.className;return e.jsx(i,{variant:"body2",className:r.twMerge("text-w-gray-900",s),children:t})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),a=require("tailwind-merge");module.exports=function(r){var t=r.className,l=r.checked,i=r.disabled,r=e.__rest(r,["className","checked","disabled"]),c={baseClass:"peer relative h-4 w-8 rounded-full bg-w-gray-300 box-border",circleClass:"after:absolute after:start-[-4px] after:top-[-2px] after:size-5 after:rounded-full after:ring-1 after:ring-inset after:ring-gray-200 after:bg-w-white after:transition-all after:content-[''] box-border",checkedClass:"bg-primary after:translate-x-full after:translate-x-full after:start-[-4px]",disabledClass:a.twMerge("cursor-not-allowed",l?"bg-primary-100":"bg-w-gray-100")};return s.jsxs("label",{className:"inline-block cursor-pointer","data-testid":"design-system-switch",children:[s.jsx("input",e.__assign({type:"checkbox",className:"peer sr-only",checked:l,disabled:i},r)),s.jsx("div",{"data-testid":"design-system-switch-css-element",className:a.twMerge(c.baseClass,c.circleClass,l&&c.checkedClass,i&&c.disabledClass,t)})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("tailwind-merge"),a=require("../Box/Box.js"),i=require("../Typography/Typography.js"),s=require("../SystemIcon/SystemIcon.js");module.exports=function(n){var l=n.isError,l=void 0!==l&&l,o=n.size,o=void 0===o?"md":o,
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("tailwind-merge"),a=require("../Box/Box.js"),i=require("../Typography/Typography.js"),s=require("../SystemIcon/SystemIcon.js");module.exports=function(n){var l=n.isError,l=void 0!==l&&l,o=n.size,o=void 0===o?"md":o,g=n.resize,g=void 0!==g&&g,d=n.isLengthVisible,d=void 0!==d&&d,x=n.supportText,c=n.maxLength,m=n.value,h=n.disabled,p=n.name,u=n.onChange,n=e.__rest(n,["isError","size","resize","isLengthVisible","supportText","maxLength","value","disabled","name","onChange"]);return t.jsxs(a,{"data-testid":"design-system-textarea",className:"flex w-full flex-col gap-1",children:[t.jsxs(a,{className:"relative h-fit w-full",children:[t.jsx("textarea",e.__assign({"data-testid":"design-system-textarea--textarea",className:r.twMerge("box-border h-auto w-full content-stretch rounded-lg px-[17px] py-[11px] font-[inherit] text-base font-normal leading-[26px] text-w-gray-600 outline-none ring-1 ring-inset ring-w-gray-200 placeholder:font-[inherit] placeholder:text-base placeholder:font-normal placeholder:leading-[26px] placeholder:text-w-gray-300 ",g?"resize-y":"resize-none","sm"===o?"min-h-[120px]":"md"===o?"min-h-[240px]":"lg"===o?"min-h-[360px]":void 0,h?"bg-w-gray-10 text-gray-300 ring-w-gray-200 placeholder:text-w-gray-300 hover:ring-w-gray-200 focus:ring-w-gray-200 active:ring-w-gray-200 resize-none":l?"ring-w-red-500 hover:ring-w-red-500 focus:ring-w-red-500 active:ring-w-red-500":"hover:ring-w-primary-500 focus:ring-w-primary-500 active:ring-w-primary-500"),name:p,value:m,disabled:h,onChange:u},n)),g&&t.jsx(s,{name:"small_resizer",className:"absolute bottom-2.5 right-1 text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),t.jsxs(a,{className:r.twMerge("flex w-full select-none justify-between px-4 text-w-gray-400",l&&"text-w-red-500",h&&"text-w-gray-400"),"data-testid":"design-system-textarea--support-container",children:[t.jsx(i,{variant:"body3",className:r.twMerge(x?"visible":"invisible"),"data-testid":"design-system-textarea--support-text",children:x}),d&&t.jsx(i,{variant:"body3","data-testid":"design-system-textarea--length-count",children:"".concat((null==m?void 0:m.toString().length)||0,"/").concat(c)})]})]})};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { default as Typography } from './Typography';
|
|
2
2
|
export { default as Checkbox } from './Checkbox';
|
|
3
|
-
export { default as
|
|
3
|
+
export { default as CountBadge } from './CountBadge';
|
|
4
4
|
export { default as Box } from './Box';
|
|
5
5
|
export { default as ProductIcon } from './ProductIcon';
|
|
6
6
|
export { default as Radio } from './Radio';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import type { SystemIconName } from '../../Atoms/SystemIcon/SystemIcon.types';
|
|
3
|
+
import type { RootProps } from './AutoCompleteList.types';
|
|
4
|
+
export interface ItemProps extends ComponentProps<'li'> {
|
|
5
|
+
text: string;
|
|
6
|
+
count?: number;
|
|
7
|
+
leadingIcon?: SystemIconName;
|
|
8
|
+
iconUrl?: string;
|
|
9
|
+
isInputItem?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const AutoCompleteList: {
|
|
12
|
+
Root: ({ children, className, hasIndexBar, onIndexClick, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
Item: ({ text, count, leadingIcon, iconUrl, isInputItem, className, ...rest }: ItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
Divider: () => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
};
|
|
16
|
+
export default AutoCompleteList;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { RootProps } from './AutoCompleteList.types';
|
|
2
|
+
export declare const INDEXES: string[];
|
|
3
|
+
interface IndexBarProps {
|
|
4
|
+
onIndexClick?: RootProps['onIndexClick'];
|
|
5
|
+
}
|
|
6
|
+
export declare const IndexBar: ({ onIndexClick }: IndexBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
interface IconProps {
|
|
8
|
+
iconUrl: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const Icon: ({ iconUrl }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
interface TextSectionProps {
|
|
12
|
+
text: string;
|
|
13
|
+
isInputItem: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const TextSection: ({ text, isInputItem }: TextSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
interface CountSectionProps {
|
|
17
|
+
count: number;
|
|
18
|
+
}
|
|
19
|
+
export declare const CountSection: ({ count }: CountSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import AutoCompleteList from './AutoCompleteList';
|
|
3
|
+
declare const meta: Meta<typeof AutoCompleteList.Root>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
/**
|
|
8
|
+
* 왼쪽에 알파벳 바가 있는 AutoCompleteList, 알파벳을 클릭하면 onIndexClick 콜백이 실행된다.
|
|
9
|
+
*/
|
|
10
|
+
export declare const IndexBar: Story;
|
|
11
|
+
/**
|
|
12
|
+
* `AutoCompleteList.Root`
|
|
13
|
+
*
|
|
14
|
+
* children에 선언하는 Item, Divider를 감싸는 컨테이너
|
|
15
|
+
*/
|
|
16
|
+
export declare const Root: Story;
|
|
17
|
+
/**
|
|
18
|
+
* `AutoCompleteList.Item`
|
|
19
|
+
*
|
|
20
|
+
* AutoCompleteList의 Item
|
|
21
|
+
*/
|
|
22
|
+
export declare const Item: StoryObj<typeof AutoCompleteList.Item>;
|
|
23
|
+
/**
|
|
24
|
+
* `AutoCompleteList.Divider`
|
|
25
|
+
*
|
|
26
|
+
* AutoCompleteList.Item들의 경계를 나누는 Divider
|
|
27
|
+
*/
|
|
28
|
+
export declare const Divider: Story;
|