This pull request introduces several new components and their corresponding stories to the design library. The changes include the implementation of CheckboxTerms, TermsDialog, Checkboxes, InputComment, SimpleInfo, DeliveryDate, and IssueCard components. Additionally, it updates the PickupTagList component with predefined tags.
These changes enhance the design library with new components and their corresponding stories, providing a more comprehensive set of UI elements for development and testing.
This pull request introduces several new components and their corresponding stories to the design library. The changes include the implementation of
CheckboxTerms,TermsDialog,Checkboxes,InputComment,SimpleInfo,DeliveryDate, andIssueCardcomponents. Additionally, it updates thePickupTagListcomponent with predefined tags.New Component Implementations:
frontend/src/components/design-library/molecules/checkbox-terms/checkbox-terms.tsx: AddedCheckboxTermscomponent with state management for checkbox and terms dialog.frontend/src/components/design-library/molecules/checkbox-terms/terms-dialog.tsx: AddedTermsDialogcomponent to handle terms of use agreement.frontend/src/components/design-library/molecules/checkboxes/checkboxes.tsx: ImplementedCheckboxescomponent to display a list of checkboxes with labels.frontend/src/components/design-library/molecules/input-comment/input-comment.tsx: CreatedInputCommentcomponent with character count functionality.frontend/src/components/design-library/molecules/simple-info/simple-info.tsx: AddedSimpleInfocomponent to display informational messages with an icon.frontend/src/components/design-library/organisms/delivery-date/delivery-date.tsx: ImplementedDeliveryDatecomponent to display and suggest delivery dates.frontend/src/components/design-library/organisms/issue-card/issue-card.tsx: CreatedIssueCardcomponent to display issue details with user information and status.Storybook Additions:
frontend/src/components/design-library/molecules/checkbox-terms/checkbox-terms.stories.tsx: Added story forCheckboxTermscomponent.frontend/src/components/design-library/molecules/checkboxes/checkboxes.stories.tsx: Added story forCheckboxescomponent.frontend/src/components/design-library/molecules/input-comment/input-comment.stories.tsx: Added story forInputCommentcomponent.frontend/src/components/design-library/molecules/simple-info/simple-info.stories.tsx: Added story forSimpleInfocomponent.frontend/src/components/design-library/organisms/delivery-date/delivery-date.stories.tsx: Added story forDeliveryDatecomponent.frontend/src/components/design-library/organisms/issue-card/issue-card.stories.tsx: Added story forIssueCardcomponent.Component Updates:
frontend/src/components/design-library/molecules/pickup-tag-list/pickup-tag-list.tsx: UpdatedPickupTagListcomponent to include predefined tags.These changes enhance the design library with new components and their corresponding stories, providing a more comprehensive set of UI elements for development and testing.