trepur_components 2.3.8 → 2.3.9
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/package.json +3 -2
- package/src/components/Accordion/Accordion.stories.tsx +23 -100
- package/src/components/Accordion/const.tsx +34 -0
- package/src/components/Accordion/index.tsx +18 -17
- package/src/components/AlertBar/AlertBar.stories.tsx +79 -85
- package/src/components/AlertBar/index.tsx +69 -100
- package/src/components/Avatar/Avatar.stories.tsx +3 -8
- package/src/components/Avatar/index.tsx +31 -31
- package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +17 -34
- package/src/components/Breadcrumbs/index.tsx +78 -29
- package/src/components/Button/Button.stories.tsx +11 -137
- package/src/components/Button/index.tsx +47 -92
- package/src/components/Calendar/Calendar.stories.tsx +12 -73
- package/src/components/Calendar/index.tsx +54 -34
- package/src/components/Card/Card.stories.tsx +3 -64
- package/src/components/Card/index.tsx +23 -80
- package/src/components/Carousel/Carousel.stories.tsx +32 -439
- package/src/components/Carousel/index.tsx +205 -286
- package/src/components/Carousel/utils.ts +53 -0
- package/src/components/CarouselThumbnail/CarouselThumbnail.stories.tsx +16 -337
- package/src/components/CarouselThumbnail/const.ts +17 -0
- package/src/components/CarouselThumbnail/index.tsx +92 -216
- package/src/components/CarouselThumbnail/utils.ts +87 -0
- package/src/components/Checkbox/Checkbox.stories.tsx +12 -19
- package/src/components/Checkbox/index.tsx +37 -34
- package/src/components/Collapsible/Collapsible.stories.tsx +50 -50
- package/src/components/Collapsible/index.tsx +151 -110
- package/src/components/Counter/Counter.stories.tsx +10 -9
- package/src/components/Counter/index.tsx +81 -25
- package/src/components/DetailUpdater/DetailUpdater.stories.tsx +11 -69
- package/src/components/DetailUpdater/index.tsx +7 -8
- package/src/components/Dialog/Dialog.stories.tsx +13 -78
- package/src/components/Dialog/index.tsx +5 -69
- package/src/components/Dropdown/Dropdown.stories.tsx +22 -0
- package/src/components/Dropdown/index.tsx +117 -0
- package/src/components/Dropdown/utils.ts +15 -0
- package/src/components/FileUploader/FilePreview.tsx +2 -2
- package/src/components/FileUploader/FileUploader.stories.tsx +10 -8
- package/src/components/FileUploader/index.tsx +113 -68
- package/src/components/Footer/Footer.stories.tsx +38 -50
- package/src/components/Footer/index.tsx +84 -36
- package/src/components/FooterNav/FooterNav.stories.tsx +14 -104
- package/src/components/FooterNav/index.tsx +71 -45
- package/src/components/Form/Form.stories.tsx +9 -9
- package/src/components/Form/index.tsx +10 -15
- package/src/components/Gallery/Gallery.stories.tsx +39 -0
- package/src/components/Gallery/index.tsx +31 -0
- package/src/components/Greeting/Greeting.stories.tsx +6 -31
- package/src/components/Greeting/index.tsx +44 -25
- package/src/components/HamburgerIcon/HamburgerIcon.stories.tsx +3 -21
- package/src/components/HamburgerIcon/index.tsx +40 -62
- package/src/components/Icon/Icon.stories.tsx +30 -11
- package/src/components/Icon/index.tsx +28 -20
- package/src/components/Image/Image.stories.tsx +5 -75
- package/src/components/Image/index.tsx +17 -119
- package/src/components/ImageCard/ImageCard.stories.tsx +29 -0
- package/src/components/ImageCard/index.tsx +75 -0
- package/src/components/Input/Input.stories.tsx +12 -71
- package/src/components/Input/index.tsx +107 -98
- package/src/components/MenuButton/MenuButton.stories.tsx +5 -5
- package/src/components/MenuButton/index.tsx +4 -4
- package/src/components/Modal/Modal.stories.tsx +7 -7
- package/src/components/Modal/index.tsx +4 -4
- package/src/components/Nav/Nav.stories.tsx +80 -0
- package/src/components/Nav/index.tsx +171 -0
- package/src/components/NavItem/NavItem.stories.tsx +7 -80
- package/src/components/NavItem/index.tsx +34 -38
- package/src/components/Pill/Pill.stories.tsx +42 -35
- package/src/components/Pill/index.tsx +64 -49
- package/src/components/Search/Search.stories.tsx +8 -8
- package/src/components/Search/index.tsx +3 -3
- package/src/components/Select/Select.stories.tsx +5 -5
- package/src/components/Select/index.tsx +8 -9
- package/src/components/Showcase/Showcase.stories.tsx +3 -3
- package/src/components/Showcase/index.tsx +12 -19
- package/src/components/SideNav/SideNav.stories.tsx +7 -7
- package/src/components/SideNav/index.tsx +2 -2
- package/src/components/SocialButton/SocialButton.stories.tsx +11 -11
- package/src/components/SocialButton/index.tsx +6 -7
- package/src/components/SplitCard/SplitCard.stories.tsx +34 -0
- package/src/components/SplitCard/index.tsx +132 -0
- package/src/components/Stars/Star.stories.tsx +18 -0
- package/src/components/Stars/index.tsx +38 -0
- package/src/components/Testimonial/Testimonial.stories.tsx +25 -97
- package/src/components/Testimonial/index.tsx +121 -53
- package/src/components/TextArea/TextArea.stories.tsx +11 -42
- package/src/components/TextArea/index.tsx +104 -95
- package/src/components/Timeline/Timeline.stories.tsx +32 -79
- package/src/components/Timeline/index.tsx +55 -246
- package/src/components/Tubestops/Tubestops.stories.tsx +10 -30
- package/src/components/Tubestops/index.tsx +125 -47
- package/src/components/Video/Video.stories.tsx +47 -12
- package/src/components/Video/assets/example.mp4 +0 -0
- package/src/components/Video/assets/example.ogv +0 -0
- package/src/components/Video/assets/example.webm +0 -0
- package/src/components/Video/index.tsx +83 -36
- package/src/components/index.ts +7 -53
- package/src/custom.d.ts +14 -0
- package/src/documentation/Colours.mdx +33 -33
- package/src/documentation/Introduction.mdx +9 -5
- package/src/documentation/assets/index.ts +3 -0
- package/src/documentation/assets/trepurComponentsLogo.svg +32 -0
- package/src/{components → documentation}/typography/Fonts/Fonts.stories.tsx +1 -1
- package/src/{components → documentation}/typography/Fonts/Fonts.tsx +20 -21
- package/src/styles/global.css +1 -1
- package/src/styles/themes/local.css +61 -9
- package/src/styles/themes/test.css +28 -0
- package/src/utils/screens.ts +1 -1
- package/tailwind/colors.ts +53 -385
- package/tailwind/preset.ts +4 -0
- package/tailwind.config.ts +12 -80
- package/archive/theme.ts +0 -39
- package/lib/_virtual/react.js +0 -4
- package/lib/components/Accordion/Accordion.stories.d.ts +0 -95
- package/lib/components/Accordion/index.d.ts +0 -6
- package/lib/components/Accordion/index.js +0 -6
- package/lib/components/AlertBar/AlertBar.stories.d.ts +0 -163
- package/lib/components/AlertBar/index.d.ts +0 -12
- package/lib/components/AlertBar/index.js +0 -49
- package/lib/components/Avatar/Avatar.stories.d.ts +0 -44
- package/lib/components/Avatar/index.d.ts +0 -3
- package/lib/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -62
- package/lib/components/Breadcrumbs/index.d.ts +0 -9
- package/lib/components/Breadcrumbs/index.js +0 -12
- package/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.d.ts +0 -67
- package/lib/components/BreadcrumbsBordered/index.d.ts +0 -6
- package/lib/components/BreadcrumbsBordered/index.js +0 -28
- package/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.d.ts +0 -74
- package/lib/components/BreadcrumbsItem/index.d.ts +0 -10
- package/lib/components/BreadcrumbsItem/index.js +0 -117
- package/lib/components/Button/Button.stories.d.ts +0 -192
- package/lib/components/Button/index.d.ts +0 -19
- package/lib/components/Button/index.js +0 -66
- package/lib/components/Calendar/Calendar.stories.d.ts +0 -136
- package/lib/components/Calendar/index.d.ts +0 -15
- package/lib/components/Calendar/index.js +0 -46
- package/lib/components/Calendar/style.css.js +0 -1
- package/lib/components/Card/Card.stories.d.ts +0 -108
- package/lib/components/Card/index.d.ts +0 -17
- package/lib/components/Card/index.js +0 -51
- package/lib/components/CardWithTopImage/CardWithTopImage.stories.d.ts +0 -83
- package/lib/components/CardWithTopImage/index.d.ts +0 -9
- package/lib/components/CardWithTopImage/index.js +0 -28
- package/lib/components/Carousel/Carousel.stories.d.ts +0 -562
- package/lib/components/Carousel/index.d.ts +0 -77
- package/lib/components/Carousel/index.js +0 -248
- package/lib/components/CarouselThumbnail/CarouselThumbnail.stories.d.ts +0 -546
- package/lib/components/CarouselThumbnail/index.d.ts +0 -50
- package/lib/components/CarouselThumbnail/index.js +0 -205
- package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -52
- package/lib/components/Checkbox/index.d.ts +0 -7
- package/lib/components/Checkbox/index.js +0 -31
- package/lib/components/Collapsible/Collapsible.stories.d.ts +0 -82
- package/lib/components/Collapsible/index.d.ts +0 -12
- package/lib/components/Collapsible/index.js +0 -88
- package/lib/components/Column/Column.stories.d.ts +0 -116
- package/lib/components/Column/index.d.ts +0 -10
- package/lib/components/Column/index.js +0 -8
- package/lib/components/ComponentWrapper/ComponentWrapper.stories.d.ts +0 -77
- package/lib/components/ComponentWrapper/index.d.ts +0 -14
- package/lib/components/ComponentWrapper/index.js +0 -27
- package/lib/components/Container/Container.stories.d.ts +0 -75
- package/lib/components/Container/index.d.ts +0 -7
- package/lib/components/Container/index.js +0 -12
- package/lib/components/Counter/Counter.stories.d.ts +0 -45
- package/lib/components/Counter/index.d.ts +0 -6
- package/lib/components/Counter/index.js +0 -31
- package/lib/components/DetailUpdater/DetailUpdater.stories.d.ts +0 -104
- package/lib/components/DetailUpdater/index.d.ts +0 -18
- package/lib/components/DetailUpdater/index.js +0 -63
- package/lib/components/Dialog/Dialog.stories.d.ts +0 -145
- package/lib/components/Dialog/index.d.ts +0 -12
- package/lib/components/Dialog/index.js +0 -78
- package/lib/components/DropdownMenu/DropdownMenu.stories.d.ts +0 -76
- package/lib/components/DropdownMenu/index.d.ts +0 -14
- package/lib/components/DropdownMenu/index.js +0 -27
- package/lib/components/DynamicTextSection/DynamicTextSection.stories.d.ts +0 -100
- package/lib/components/DynamicTextSection/index.d.ts +0 -11
- package/lib/components/DynamicTextSection/index.js +0 -18
- package/lib/components/FileUploader/FilePreview.d.ts +0 -8
- package/lib/components/FileUploader/FileUploader.stories.d.ts +0 -50
- package/lib/components/FileUploader/index.d.ts +0 -9
- package/lib/components/FilterItem/FilterItem.stories.d.ts +0 -57
- package/lib/components/FilterItem/index.d.ts +0 -8
- package/lib/components/FilterItem/index.js +0 -60
- package/lib/components/Footer/Footer.stories.d.ts +0 -105
- package/lib/components/Footer/index.d.ts +0 -10
- package/lib/components/Footer/index.js +0 -36
- package/lib/components/FooterNav/FooterNav.stories.d.ts +0 -135
- package/lib/components/FooterNav/index.d.ts +0 -13
- package/lib/components/FooterNav/index.js +0 -28
- package/lib/components/FooterNavItem/FooterNavItem.stories.d.ts +0 -93
- package/lib/components/FooterNavItem/index.d.ts +0 -16
- package/lib/components/FooterNavItem/index.js +0 -27
- package/lib/components/Form/Form.stories.d.ts +0 -117
- package/lib/components/Form/index.d.ts +0 -13
- package/lib/components/Form/index.js +0 -28
- package/lib/components/FyreCard/FyreCard.stories.d.ts +0 -58
- package/lib/components/FyreCard/index.d.ts +0 -12
- package/lib/components/FyreCard/index.js +0 -27
- package/lib/components/Greeting/Greeting.stories.d.ts +0 -83
- package/lib/components/Greeting/index.d.ts +0 -8
- package/lib/components/Greeting/index.js +0 -13
- package/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts +0 -64
- package/lib/components/HamburgerIcon/index.d.ts +0 -7
- package/lib/components/HamburgerIcon/index.js +0 -93
- package/lib/components/HorizontalLine/HorizontalLine.stories.d.ts +0 -96
- package/lib/components/HorizontalLine/index.d.ts +0 -11
- package/lib/components/HorizontalLine/index.js +0 -24
- package/lib/components/Icon/Icon.stories.d.ts +0 -47
- package/lib/components/Icon/index.d.ts +0 -10
- package/lib/components/Icon/index.js +0 -15
- package/lib/components/IconCard/IconCard.stories.d.ts +0 -51
- package/lib/components/IconCard/index.d.ts +0 -13
- package/lib/components/IconCard/index.js +0 -27
- package/lib/components/Image/Image.stories.d.ts +0 -158
- package/lib/components/Image/index.d.ts +0 -15
- package/lib/components/Image/index.js +0 -99
- package/lib/components/ImageInfo/ImageInfo.stories.d.ts +0 -69
- package/lib/components/ImageInfo/index.d.ts +0 -14
- package/lib/components/ImageLink/ImageLink.stories.d.ts +0 -63
- package/lib/components/ImageLink/index.d.ts +0 -14
- package/lib/components/ImageLink/index.js +0 -39
- package/lib/components/ImageLinkList/ImageLinkList.stories.d.ts +0 -48
- package/lib/components/ImageLinkList/index.d.ts +0 -8
- package/lib/components/ImageLinkList/index.js +0 -18
- package/lib/components/InformationIcon/InformationIcon.stories.d.ts +0 -54
- package/lib/components/InformationIcon/index.d.ts +0 -12
- package/lib/components/InformationIcon/index.js +0 -65
- package/lib/components/InformationIconBlock/InformationIconBlock.stories.d.ts +0 -55
- package/lib/components/InformationIconBlock/index.d.ts +0 -12
- package/lib/components/Input/Input.stories.d.ts +0 -114
- package/lib/components/Input/index.d.ts +0 -29
- package/lib/components/Input/index.js +0 -89
- package/lib/components/Jumbotron/Jumbotron.stories.d.ts +0 -48
- package/lib/components/Jumbotron/index.d.ts +0 -8
- package/lib/components/Jumbotron/index.js +0 -9
- package/lib/components/MenuButton/MenuButton.stories.d.ts +0 -76
- package/lib/components/MenuButton/index.d.ts +0 -14
- package/lib/components/MenuButton/index.js +0 -56
- package/lib/components/Modal/Modal.stories.d.ts +0 -67
- package/lib/components/Modal/index.d.ts +0 -10
- package/lib/components/Modal/index.js +0 -45
- package/lib/components/NavItem/NavItem.stories.d.ts +0 -154
- package/lib/components/NavItem/index.d.ts +0 -16
- package/lib/components/NavItem/index.js +0 -25
- package/lib/components/NavOld/NavOld.stories.d.ts +0 -290
- package/lib/components/NavOld/StickyNav.d.ts +0 -22
- package/lib/components/NavOld/StickyNav.js +0 -135
- package/lib/components/NavOld/index.d.ts +0 -26
- package/lib/components/NavOld/index.js +0 -187
- package/lib/components/NavTwo/Dropdown.d.ts +0 -7
- package/lib/components/NavTwo/Dropdown.js +0 -21
- package/lib/components/NavTwo/Nav.stories.d.ts +0 -62
- package/lib/components/NavTwo/Sidebar.d.ts +0 -7
- package/lib/components/NavTwo/Sidebar.js +0 -21
- package/lib/components/NavTwo/StickyNav.d.ts +0 -7
- package/lib/components/NavTwo/StickyNav.js +0 -20
- package/lib/components/NavTwo/index.d.ts +0 -13
- package/lib/components/NavTwo/index.js +0 -28
- package/lib/components/NewsCard/NewsCard.stories.d.ts +0 -102
- package/lib/components/NewsCard/index.d.ts +0 -13
- package/lib/components/NewsCard/index.js +0 -26
- package/lib/components/Pill/Pill.stories.d.ts +0 -84
- package/lib/components/Pill/index.d.ts +0 -8
- package/lib/components/Pill/index.js +0 -31
- package/lib/components/ProductCard/ProductCard.stories.d.ts +0 -86
- package/lib/components/ProductCard/index.d.ts +0 -18
- package/lib/components/ProductCard/index.js +0 -69
- package/lib/components/ProductCardV2/ProductCardV2.stories.d.ts +0 -75
- package/lib/components/ProductCardV2/index.d.ts +0 -21
- package/lib/components/ProductCardV2/index.js +0 -67
- package/lib/components/Proficiencies/Proficiencies.stories.d.ts +0 -51
- package/lib/components/Proficiencies/index.d.ts +0 -12
- package/lib/components/Profile/Profile.stories.d.ts +0 -80
- package/lib/components/Profile/index.d.ts +0 -17
- package/lib/components/Profile/index.js +0 -78
- package/lib/components/Row/Row.stories.d.ts +0 -62
- package/lib/components/Row/index.d.ts +0 -6
- package/lib/components/Row/index.js +0 -9
- package/lib/components/Search/Search.stories.d.ts +0 -86
- package/lib/components/Search/index.d.ts +0 -12
- package/lib/components/Search/index.js +0 -42
- package/lib/components/Select/Select.stories.d.ts +0 -56
- package/lib/components/Select/index.d.ts +0 -11
- package/lib/components/Select/index.js +0 -68
- package/lib/components/Showcase/Showcase.stories.d.ts +0 -55
- package/lib/components/Showcase/index.d.ts +0 -15
- package/lib/components/SideNav/SideNav.stories.d.ts +0 -80
- package/lib/components/SideNav/index.d.ts +0 -12
- package/lib/components/SocialBlock/SocialBlock.stories.d.ts +0 -101
- package/lib/components/SocialBlock/index.d.ts +0 -14
- package/lib/components/SocialBlock/index.js +0 -37
- package/lib/components/SocialButton/SocialButton.stories.d.ts +0 -130
- package/lib/components/SocialButton/index.d.ts +0 -12
- package/lib/components/SocialButton/index.js +0 -37
- package/lib/components/StarRating/StarRating.stories.d.ts +0 -49
- package/lib/components/StarRating/index.d.ts +0 -9
- package/lib/components/StarRating/index.js +0 -47
- package/lib/components/Testimonial/Testimonial.stories.d.ts +0 -172
- package/lib/components/Testimonial/index.d.ts +0 -16
- package/lib/components/Testimonial/index.js +0 -42
- package/lib/components/TextAndTitle/TextAndTitle.stories.d.ts +0 -97
- package/lib/components/TextAndTitle/index.d.ts +0 -25
- package/lib/components/TextAndTitle/index.js +0 -70
- package/lib/components/TextArea/TextArea.stories.d.ts +0 -85
- package/lib/components/TextArea/index.d.ts +0 -26
- package/lib/components/TextArea/index.js +0 -86
- package/lib/components/Timeline/Timeline.stories.d.ts +0 -81
- package/lib/components/Timeline/index.d.ts +0 -17
- package/lib/components/Timeline/index.js +0 -172
- package/lib/components/TimelineV2/TimelineV2.stories.d.ts +0 -87
- package/lib/components/TimelineV2/index.d.ts +0 -20
- package/lib/components/Tubestops/Tubestops.stories.d.ts +0 -54
- package/lib/components/Tubestops/index.d.ts +0 -8
- package/lib/components/Tubestops/index.js +0 -44
- package/lib/components/UserIcon/UserIcon.stories.d.ts +0 -81
- package/lib/components/UserIcon/index.d.ts +0 -10
- package/lib/components/UserIcon/index.js +0 -34
- package/lib/components/Video/Video.stories.d.ts +0 -49
- package/lib/components/Video/index.d.ts +0 -15
- package/lib/components/Video/index.js +0 -34
- package/lib/components/index.d.ts +0 -60
- package/lib/components/typography/Fonts/Fonts.d.ts +0 -2
- package/lib/components/typography/Fonts/Fonts.stories.d.ts +0 -10
- package/lib/index.d.ts +0 -1
- package/lib/index.js +0 -118
- package/lib/node_modules/keen-slider/keen-slider.min.css.js +0 -1
- package/lib/node_modules/keen-slider/react.js +0 -591
- package/lib/style.css +0 -1
- package/lib/styles/global.css +0 -75
- package/lib/styles/themes/local.css +0 -40
- package/lib/styles/themes/palette.css +0 -131
- package/lib/tailwind/boxShadow.ts +0 -9
- package/lib/tailwind/colors.ts +0 -410
- package/lib/tailwind/container.ts +0 -11
- package/lib/tailwind/preset.ts +0 -88
- package/lib/tailwind/spacing.ts +0 -14
- package/lib/utils/controls.d.ts +0 -36
- package/lib/utils/matchMedia.d.ts +0 -2
- package/lib/utils/matchMedia.js +0 -9
- package/lib/utils/screens.d.ts +0 -7
- package/src/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.tsx +0 -52
- package/src/components/BreadcrumbsBordered/index.tsx +0 -41
- package/src/components/BreadcrumbsItem/BreadcrumbsItem.stories.tsx +0 -40
- package/src/components/BreadcrumbsItem/index.tsx +0 -147
- package/src/components/CardWithTopImage/CardWithTopImage.stories.tsx +0 -50
- package/src/components/CardWithTopImage/index.tsx +0 -35
- package/src/components/Column/Column.stories.tsx +0 -89
- package/src/components/Column/index.tsx +0 -18
- package/src/components/ComponentWrapper/ComponentWrapper.stories.tsx +0 -40
- package/src/components/ComponentWrapper/index.tsx +0 -48
- package/src/components/Container/Container.stories.tsx +0 -40
- package/src/components/Container/index.tsx +0 -21
- package/src/components/DropdownMenu/DropdownMenu.stories.tsx +0 -59
- package/src/components/DropdownMenu/index.tsx +0 -45
- package/src/components/DynamicTextSection/DynamicTextSection.stories.tsx +0 -76
- package/src/components/DynamicTextSection/index.tsx +0 -32
- package/src/components/FilterItem/FilterItem.stories.tsx +0 -33
- package/src/components/FilterItem/index.tsx +0 -97
- package/src/components/FooterNavItem/FooterNavItem.stories.tsx +0 -53
- package/src/components/FooterNavItem/index.tsx +0 -58
- package/src/components/Form/style.module.css +0 -0
- package/src/components/FyreCard/FyreCard.stories.tsx +0 -31
- package/src/components/FyreCard/index.tsx +0 -44
- package/src/components/HorizontalLine/HorizontalLine.stories.tsx +0 -54
- package/src/components/HorizontalLine/index.tsx +0 -32
- package/src/components/IconCard/IconCard.stories.tsx +0 -26
- package/src/components/IconCard/index.tsx +0 -54
- package/src/components/ImageInfo/ImageInfo.stories.tsx +0 -38
- package/src/components/ImageInfo/index.tsx +0 -84
- package/src/components/ImageLink/ImageLink.stories.tsx +0 -36
- package/src/components/ImageLink/index.tsx +0 -58
- package/src/components/ImageLinkList/ImageLinkList.stories.tsx +0 -34
- package/src/components/ImageLinkList/index.tsx +0 -28
- package/src/components/InformationIcon/InformationIcon.stories.tsx +0 -29
- package/src/components/InformationIcon/index.tsx +0 -105
- package/src/components/InformationIconBlock/InformationIconBlock.stories.tsx +0 -38
- package/src/components/InformationIconBlock/index.tsx +0 -56
- package/src/components/Jumbotron/Jumbotron.stories.tsx +0 -21
- package/src/components/Jumbotron/index.tsx +0 -19
- package/src/components/NavOld/NavOld.stories.tsx +0 -193
- package/src/components/NavOld/StickyNav.tsx +0 -187
- package/src/components/NavOld/index.tsx +0 -265
- package/src/components/NavTwo/Dropdown.tsx +0 -30
- package/src/components/NavTwo/Nav.stories.tsx +0 -32
- package/src/components/NavTwo/Sidebar.tsx +0 -30
- package/src/components/NavTwo/StickyNav.tsx +0 -29
- package/src/components/NavTwo/index.tsx +0 -37
- package/src/components/NewsCard/NewsCard.stories.tsx +0 -72
- package/src/components/NewsCard/index.tsx +0 -44
- package/src/components/ProductCard/ProductCard.stories.tsx +0 -61
- package/src/components/ProductCard/index.tsx +0 -110
- package/src/components/ProductCardV2/ProductCardV2.stories.tsx +0 -50
- package/src/components/ProductCardV2/index.tsx +0 -98
- package/src/components/Proficiencies/Proficiencies.stories.tsx +0 -50
- package/src/components/Proficiencies/index.tsx +0 -51
- package/src/components/Profile/Profile.stories.tsx +0 -49
- package/src/components/Profile/index.tsx +0 -103
- package/src/components/Row/Row.stories.tsx +0 -53
- package/src/components/Row/index.tsx +0 -17
- package/src/components/SocialBlock/SocialBlock.stories.tsx +0 -58
- package/src/components/SocialBlock/index.tsx +0 -59
- package/src/components/StarRating/StarRating.stories.tsx +0 -23
- package/src/components/StarRating/index.tsx +0 -65
- package/src/components/TextAndTitle/TextAndTitle.stories.tsx +0 -71
- package/src/components/TextAndTitle/index.tsx +0 -119
- package/src/components/TimelineV2/TimelineV2.stories.tsx +0 -95
- package/src/components/TimelineV2/index.tsx +0 -70
- package/src/components/UserIcon/UserIcon.stories.tsx +0 -52
- package/src/components/UserIcon/index.tsx +0 -43
- package/src/styles/themes/palette.css +0 -131
- package/svg.d.ts +0 -4
- /package/src/{components/fonts → fonts}/Sora/OFL.txt +0 -0
- /package/src/{components/fonts → fonts}/Sora/README.txt +0 -0
- /package/src/{components/fonts → fonts}/Sora/Sora-VariableFont_wght.ttf +0 -0
- /package/src/{components/fonts → fonts}/Sora/static/Sora-Bold.ttf +0 -0
- /package/src/{components/fonts → fonts}/Sora/static/Sora-ExtraBold.ttf +0 -0
- /package/src/{components/fonts → fonts}/Sora/static/Sora-ExtraLight.ttf +0 -0
- /package/src/{components/fonts → fonts}/Sora/static/Sora-Light.ttf +0 -0
- /package/src/{components/fonts → fonts}/Sora/static/Sora-Medium.ttf +0 -0
- /package/src/{components/fonts → fonts}/Sora/static/Sora-Regular.ttf +0 -0
- /package/src/{components/fonts → fonts}/Sora/static/Sora-SemiBold.ttf +0 -0
- /package/src/{components/fonts → fonts}/Sora/static/Sora-Thin.ttf +0 -0
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
import { Testimonial } from '.';
|
|
2
|
-
import { StoryObj } from '@storybook/react';
|
|
3
|
-
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
argTypes: {
|
|
8
|
-
text: {
|
|
9
|
-
description: string;
|
|
10
|
-
control: string;
|
|
11
|
-
table: {
|
|
12
|
-
type: {
|
|
13
|
-
summary: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
defaultValue: {
|
|
17
|
-
summary: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
companyName: {
|
|
21
|
-
description: string;
|
|
22
|
-
control: string;
|
|
23
|
-
table: {
|
|
24
|
-
type: {
|
|
25
|
-
summary: string;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
defaultValue: {
|
|
29
|
-
summary: string;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
positionStartDate: {
|
|
33
|
-
description: string;
|
|
34
|
-
control: string;
|
|
35
|
-
table: {
|
|
36
|
-
type: {
|
|
37
|
-
summary: string;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
defaultValue: {
|
|
41
|
-
summary: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
positionEndDate: {
|
|
45
|
-
description: string;
|
|
46
|
-
control: string;
|
|
47
|
-
table: {
|
|
48
|
-
type: {
|
|
49
|
-
summary: string;
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
defaultValue: {
|
|
53
|
-
summary: string;
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
|
-
position: {
|
|
57
|
-
description: string;
|
|
58
|
-
control: string;
|
|
59
|
-
table: {
|
|
60
|
-
type: {
|
|
61
|
-
summary: string;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
defaultValue: {
|
|
65
|
-
summary: string;
|
|
66
|
-
};
|
|
67
|
-
};
|
|
68
|
-
date: {
|
|
69
|
-
description: string;
|
|
70
|
-
control: string;
|
|
71
|
-
table: {
|
|
72
|
-
type: {
|
|
73
|
-
summary: string;
|
|
74
|
-
};
|
|
75
|
-
};
|
|
76
|
-
defaultValue: {
|
|
77
|
-
summary: string;
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
authorsName: {
|
|
81
|
-
description: string;
|
|
82
|
-
control: string;
|
|
83
|
-
table: {
|
|
84
|
-
type: {
|
|
85
|
-
summary: string;
|
|
86
|
-
};
|
|
87
|
-
};
|
|
88
|
-
defaultValue: {
|
|
89
|
-
summary: string;
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
authorsPosition: {
|
|
93
|
-
description: string;
|
|
94
|
-
control: string;
|
|
95
|
-
table: {
|
|
96
|
-
type: {
|
|
97
|
-
summary: string;
|
|
98
|
-
};
|
|
99
|
-
};
|
|
100
|
-
defaultValue: {
|
|
101
|
-
summary: string;
|
|
102
|
-
};
|
|
103
|
-
};
|
|
104
|
-
imageProps: {
|
|
105
|
-
type: {
|
|
106
|
-
name: string;
|
|
107
|
-
value: string;
|
|
108
|
-
};
|
|
109
|
-
description: string;
|
|
110
|
-
table: {
|
|
111
|
-
type: {
|
|
112
|
-
summary: string;
|
|
113
|
-
};
|
|
114
|
-
defaultValue: {
|
|
115
|
-
summary: string;
|
|
116
|
-
};
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
id: {
|
|
120
|
-
description: string;
|
|
121
|
-
control: {
|
|
122
|
-
type: string;
|
|
123
|
-
default: boolean;
|
|
124
|
-
};
|
|
125
|
-
table: {
|
|
126
|
-
category: string;
|
|
127
|
-
type: {
|
|
128
|
-
summary: string;
|
|
129
|
-
};
|
|
130
|
-
defaultValue: {
|
|
131
|
-
summary: string;
|
|
132
|
-
};
|
|
133
|
-
};
|
|
134
|
-
};
|
|
135
|
-
className: {
|
|
136
|
-
description: string;
|
|
137
|
-
control: {
|
|
138
|
-
type: string;
|
|
139
|
-
default: boolean;
|
|
140
|
-
};
|
|
141
|
-
table: {
|
|
142
|
-
category: string;
|
|
143
|
-
type: {
|
|
144
|
-
summary: string;
|
|
145
|
-
};
|
|
146
|
-
defaultValue: {
|
|
147
|
-
summary: string;
|
|
148
|
-
};
|
|
149
|
-
};
|
|
150
|
-
};
|
|
151
|
-
};
|
|
152
|
-
args: {
|
|
153
|
-
imageProps: {
|
|
154
|
-
src: string;
|
|
155
|
-
height: number;
|
|
156
|
-
width: number;
|
|
157
|
-
roundedFull: boolean;
|
|
158
|
-
centerAligned: boolean;
|
|
159
|
-
};
|
|
160
|
-
authorsName: string;
|
|
161
|
-
authorsPosition: string;
|
|
162
|
-
position: string;
|
|
163
|
-
positionEndDate: string;
|
|
164
|
-
positionStartDate: string;
|
|
165
|
-
date: string;
|
|
166
|
-
companyName: string;
|
|
167
|
-
text: string;
|
|
168
|
-
};
|
|
169
|
-
};
|
|
170
|
-
export default meta;
|
|
171
|
-
type Story = StoryObj<typeof Testimonial>;
|
|
172
|
-
export declare const Default: Story;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Props as imageProps } from '../Image';
|
|
2
|
-
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
text?: string;
|
|
7
|
-
imageProps?: imageProps;
|
|
8
|
-
companyName?: string;
|
|
9
|
-
position?: string;
|
|
10
|
-
date?: string;
|
|
11
|
-
positionStartDate?: string;
|
|
12
|
-
positionEndDate?: string;
|
|
13
|
-
authorsName?: string;
|
|
14
|
-
authorsPosition?: string;
|
|
15
|
-
}
|
|
16
|
-
export declare const Testimonial: ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { jsx as c, jsxs as e } from "react/jsx-runtime";
|
|
2
|
-
import { Container as N } from "../Container/index.js";
|
|
3
|
-
import { Image as u } from "../Image/index.js";
|
|
4
|
-
import v from "classnames";
|
|
5
|
-
const C = ({
|
|
6
|
-
id: l,
|
|
7
|
-
className: n,
|
|
8
|
-
text: s,
|
|
9
|
-
imageProps: t,
|
|
10
|
-
companyName: r,
|
|
11
|
-
position: d,
|
|
12
|
-
date: m,
|
|
13
|
-
positionStartDate: i,
|
|
14
|
-
positionEndDate: a,
|
|
15
|
-
authorsName: h,
|
|
16
|
-
authorsPosition: o
|
|
17
|
-
}) => {
|
|
18
|
-
const x = v(n, "text-center"), f = (t == null ? void 0 : t.src) !== void 0 ? t == null ? void 0 : t.src : "";
|
|
19
|
-
return /* @__PURE__ */ c("div", { id: l, className: x, children: /* @__PURE__ */ e(N, { withPadding: !0, children: [
|
|
20
|
-
/* @__PURE__ */ c("div", { className: "mx-auto", children: /* @__PURE__ */ c(u, { src: f, ...t }) }),
|
|
21
|
-
/* @__PURE__ */ e("div", { children: [
|
|
22
|
-
/* @__PURE__ */ c("h3", { className: "text-lg font-medium", children: r }),
|
|
23
|
-
/* @__PURE__ */ c("p", { className: "pt-2 text-md font-regular", children: d }),
|
|
24
|
-
/* @__PURE__ */ e("p", { className: "text-sm font-regular", children: [
|
|
25
|
-
i,
|
|
26
|
-
" - ",
|
|
27
|
-
a
|
|
28
|
-
] }),
|
|
29
|
-
/* @__PURE__ */ c("p", { className: "py-4 text-md font-light", children: s }),
|
|
30
|
-
/* @__PURE__ */ e("p", { className: "text-sm font-medium", children: [
|
|
31
|
-
h,
|
|
32
|
-
" - ",
|
|
33
|
-
o,
|
|
34
|
-
": ",
|
|
35
|
-
m
|
|
36
|
-
] })
|
|
37
|
-
] })
|
|
38
|
-
] }) });
|
|
39
|
-
};
|
|
40
|
-
export {
|
|
41
|
-
C as Testimonial
|
|
42
|
-
};
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { TextAndTitle } from '.';
|
|
2
|
-
import { StoryObj } from '@storybook/react';
|
|
3
|
-
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: ({ id, className, title, description, bgColour, titleClasses, textClasses, textLineOne, textLineTwo, textLineThree, titleBold, textCenter, titleCenter, withLiveUpdates, isHorizontal, children, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
argTypes: {
|
|
8
|
-
onSave: {
|
|
9
|
-
type: {
|
|
10
|
-
name: string;
|
|
11
|
-
required: boolean;
|
|
12
|
-
};
|
|
13
|
-
description: string;
|
|
14
|
-
action: string;
|
|
15
|
-
table: {
|
|
16
|
-
type: {
|
|
17
|
-
summary: string;
|
|
18
|
-
};
|
|
19
|
-
defaultValue: {
|
|
20
|
-
summary: string;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
bgColour: {
|
|
25
|
-
type: {
|
|
26
|
-
name: string;
|
|
27
|
-
required: boolean;
|
|
28
|
-
};
|
|
29
|
-
options: string[];
|
|
30
|
-
description: string;
|
|
31
|
-
table: {
|
|
32
|
-
type: {
|
|
33
|
-
summary: string;
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
defaultValue: string;
|
|
37
|
-
control: string;
|
|
38
|
-
};
|
|
39
|
-
id: {
|
|
40
|
-
description: string;
|
|
41
|
-
control: {
|
|
42
|
-
type: string;
|
|
43
|
-
default: boolean;
|
|
44
|
-
};
|
|
45
|
-
table: {
|
|
46
|
-
category: string;
|
|
47
|
-
type: {
|
|
48
|
-
summary: string;
|
|
49
|
-
};
|
|
50
|
-
defaultValue: {
|
|
51
|
-
summary: string;
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
className: {
|
|
56
|
-
description: string;
|
|
57
|
-
control: {
|
|
58
|
-
type: string;
|
|
59
|
-
default: boolean;
|
|
60
|
-
};
|
|
61
|
-
table: {
|
|
62
|
-
category: string;
|
|
63
|
-
type: {
|
|
64
|
-
summary: string;
|
|
65
|
-
};
|
|
66
|
-
defaultValue: {
|
|
67
|
-
summary: string;
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
};
|
|
71
|
-
};
|
|
72
|
-
args: {
|
|
73
|
-
title: string;
|
|
74
|
-
description: string;
|
|
75
|
-
children: import("react/jsx-runtime").JSX.Element;
|
|
76
|
-
editTitleClasses: string;
|
|
77
|
-
editTextClasses: string;
|
|
78
|
-
editInputClasses: string;
|
|
79
|
-
textLineOne: import("react/jsx-runtime").JSX.Element;
|
|
80
|
-
textLineTwo: string;
|
|
81
|
-
textLineThree: string;
|
|
82
|
-
onSave: import('@storybook/addon-actions').HandlerFunction;
|
|
83
|
-
withLiveUpdates: boolean;
|
|
84
|
-
isHorizontal: boolean;
|
|
85
|
-
saveButtonProps: {
|
|
86
|
-
className: string;
|
|
87
|
-
children: string;
|
|
88
|
-
};
|
|
89
|
-
cancelButtonProps: {
|
|
90
|
-
className: string;
|
|
91
|
-
children: string;
|
|
92
|
-
};
|
|
93
|
-
};
|
|
94
|
-
};
|
|
95
|
-
export default meta;
|
|
96
|
-
type Story = StoryObj<typeof TextAndTitle>;
|
|
97
|
-
export declare const Default: Story;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Colours } from '../../utils/controls';
|
|
2
|
-
import { Props as buttonProps } from '../Button';
|
|
3
|
-
|
|
4
|
-
export interface Props {
|
|
5
|
-
id: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
title?: string;
|
|
8
|
-
description?: string;
|
|
9
|
-
bgColour?: Colours;
|
|
10
|
-
titleClasses?: string;
|
|
11
|
-
textClasses?: string;
|
|
12
|
-
textLineOne?: string;
|
|
13
|
-
textLineTwo?: string;
|
|
14
|
-
textLineThree?: string;
|
|
15
|
-
titleBold?: boolean;
|
|
16
|
-
textCenter?: boolean;
|
|
17
|
-
titleCenter?: boolean;
|
|
18
|
-
withLiveUpdates?: boolean;
|
|
19
|
-
onSave?: (arr: any[], id: string | undefined) => void;
|
|
20
|
-
saveButtonProps?: buttonProps;
|
|
21
|
-
cancelButtonProps?: buttonProps;
|
|
22
|
-
isHorizontal?: boolean;
|
|
23
|
-
children?: any;
|
|
24
|
-
}
|
|
25
|
-
export declare const TextAndTitle: ({ id, className, title, description, bgColour, titleClasses, textClasses, textLineOne, textLineTwo, textLineThree, titleBold, textCenter, titleCenter, withLiveUpdates, isHorizontal, children, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { jsx as t, jsxs as o } from "react/jsx-runtime";
|
|
2
|
-
import { useState as k } from "react";
|
|
3
|
-
import { ComponentWrapper as M } from "../ComponentWrapper/index.js";
|
|
4
|
-
import s from "classnames";
|
|
5
|
-
const q = ({
|
|
6
|
-
id: i,
|
|
7
|
-
className: m,
|
|
8
|
-
title: a,
|
|
9
|
-
description: x,
|
|
10
|
-
bgColour: p,
|
|
11
|
-
titleClasses: f,
|
|
12
|
-
textClasses: h,
|
|
13
|
-
textLineOne: b,
|
|
14
|
-
textLineTwo: N,
|
|
15
|
-
textLineThree: C,
|
|
16
|
-
titleBold: g,
|
|
17
|
-
textCenter: v,
|
|
18
|
-
titleCenter: L,
|
|
19
|
-
withLiveUpdates: r = !1,
|
|
20
|
-
isHorizontal: e = !0,
|
|
21
|
-
children: d
|
|
22
|
-
}) => {
|
|
23
|
-
const [n, u] = k(!1), l = "border-4 border-transparent", T = s(m), j = s(
|
|
24
|
-
{
|
|
25
|
-
"font-bold": g,
|
|
26
|
-
"text-center": L,
|
|
27
|
-
[l]: r && !n && e
|
|
28
|
-
},
|
|
29
|
-
f,
|
|
30
|
-
"break-words text-lg font-light"
|
|
31
|
-
), c = s(
|
|
32
|
-
{
|
|
33
|
-
"text-center": v,
|
|
34
|
-
[l]: r && !n && e
|
|
35
|
-
},
|
|
36
|
-
h,
|
|
37
|
-
"mt-2 pt-2 text-md font-light"
|
|
38
|
-
), w = () => {
|
|
39
|
-
r && u(!n);
|
|
40
|
-
}, E = s({
|
|
41
|
-
"flex flex-wrap justify-center md:items-center": e,
|
|
42
|
-
"hover:border-4 hover:border-dashed": r && !n,
|
|
43
|
-
"border-4 border-transparent": e
|
|
44
|
-
}), I = s({
|
|
45
|
-
"md:w-1/2 md:text-center": e
|
|
46
|
-
}), W = s({
|
|
47
|
-
"md:w-1/2 md:text-center": e
|
|
48
|
-
});
|
|
49
|
-
return /* @__PURE__ */ t(
|
|
50
|
-
M,
|
|
51
|
-
{
|
|
52
|
-
id: i,
|
|
53
|
-
className: T,
|
|
54
|
-
title: a,
|
|
55
|
-
description: x,
|
|
56
|
-
bgColour: p,
|
|
57
|
-
children: /* @__PURE__ */ o("div", { className: E, onClick: w, children: [
|
|
58
|
-
/* @__PURE__ */ t("div", { className: I, children: d ?? /* @__PURE__ */ t("h1", { className: j, children: a }) }),
|
|
59
|
-
/* @__PURE__ */ o("div", { className: W, children: [
|
|
60
|
-
/* @__PURE__ */ t("div", { id: "textLineOne", className: c, children: b }),
|
|
61
|
-
/* @__PURE__ */ t("div", { id: "textLineTwo", className: c, children: N }),
|
|
62
|
-
/* @__PURE__ */ t("div", { id: "textLineThree", className: c, children: C })
|
|
63
|
-
] })
|
|
64
|
-
] })
|
|
65
|
-
}
|
|
66
|
-
);
|
|
67
|
-
};
|
|
68
|
-
export {
|
|
69
|
-
q as TextAndTitle
|
|
70
|
-
};
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import { TextArea } from '.';
|
|
2
|
-
import { StoryObj } from '@storybook/react';
|
|
3
|
-
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
parameters: {};
|
|
8
|
-
argTypes: {
|
|
9
|
-
label: {
|
|
10
|
-
description: string;
|
|
11
|
-
control: string;
|
|
12
|
-
table: {
|
|
13
|
-
category: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
placeholder: {
|
|
17
|
-
description: string;
|
|
18
|
-
control: string;
|
|
19
|
-
table: {
|
|
20
|
-
category: string;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
bold: {
|
|
24
|
-
description: string;
|
|
25
|
-
control: string;
|
|
26
|
-
table: {
|
|
27
|
-
category: string;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
bgColour: {
|
|
31
|
-
type: {
|
|
32
|
-
name: string;
|
|
33
|
-
required: boolean;
|
|
34
|
-
};
|
|
35
|
-
options: string[];
|
|
36
|
-
description: string;
|
|
37
|
-
table: {
|
|
38
|
-
type: {
|
|
39
|
-
summary: string;
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
defaultValue: string;
|
|
43
|
-
control: string;
|
|
44
|
-
};
|
|
45
|
-
id: {
|
|
46
|
-
description: string;
|
|
47
|
-
control: {
|
|
48
|
-
type: string;
|
|
49
|
-
default: boolean;
|
|
50
|
-
};
|
|
51
|
-
table: {
|
|
52
|
-
category: string;
|
|
53
|
-
type: {
|
|
54
|
-
summary: string;
|
|
55
|
-
};
|
|
56
|
-
defaultValue: {
|
|
57
|
-
summary: string;
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
className: {
|
|
62
|
-
description: string;
|
|
63
|
-
control: {
|
|
64
|
-
type: string;
|
|
65
|
-
default: boolean;
|
|
66
|
-
};
|
|
67
|
-
table: {
|
|
68
|
-
category: string;
|
|
69
|
-
type: {
|
|
70
|
-
summary: string;
|
|
71
|
-
};
|
|
72
|
-
defaultValue: {
|
|
73
|
-
summary: string;
|
|
74
|
-
};
|
|
75
|
-
};
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
args: {
|
|
79
|
-
label: string;
|
|
80
|
-
placeholder: string;
|
|
81
|
-
};
|
|
82
|
-
};
|
|
83
|
-
export default meta;
|
|
84
|
-
type Story = StoryObj<typeof TextArea>;
|
|
85
|
-
export declare const Default: Story;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Colours } from '../../utils/controls';
|
|
2
|
-
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
autoComplete?: string;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
formId?: string;
|
|
9
|
-
maxLength?: number;
|
|
10
|
-
minLength?: number;
|
|
11
|
-
required?: boolean;
|
|
12
|
-
readOnly?: boolean;
|
|
13
|
-
label?: string;
|
|
14
|
-
name?: string;
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
withValidation?: boolean;
|
|
17
|
-
onChange?: (e: any) => void;
|
|
18
|
-
onBlur?: () => void;
|
|
19
|
-
onFocus?: () => void;
|
|
20
|
-
onClick?: () => void;
|
|
21
|
-
errors?: string[];
|
|
22
|
-
errorState?: boolean;
|
|
23
|
-
value?: string;
|
|
24
|
-
bgColour?: Colours;
|
|
25
|
-
}
|
|
26
|
-
export declare const TextArea: ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { jsxs as o, Fragment as B, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as F } from "react";
|
|
3
|
-
import a from "classnames";
|
|
4
|
-
const E = ({
|
|
5
|
-
id: l,
|
|
6
|
-
className: m,
|
|
7
|
-
autoComplete: u,
|
|
8
|
-
disabled: f,
|
|
9
|
-
formId: p,
|
|
10
|
-
maxLength: x,
|
|
11
|
-
minLength: b,
|
|
12
|
-
required: c = !1,
|
|
13
|
-
readOnly: h,
|
|
14
|
-
label: N,
|
|
15
|
-
name: w,
|
|
16
|
-
placeholder: k,
|
|
17
|
-
onChange: s,
|
|
18
|
-
onBlur: v,
|
|
19
|
-
onFocus: g,
|
|
20
|
-
onClick: $,
|
|
21
|
-
withValidation: C,
|
|
22
|
-
errors: r,
|
|
23
|
-
errorState: n = !1,
|
|
24
|
-
value: L
|
|
25
|
-
}) => {
|
|
26
|
-
const d = l !== void 0 ? `-${l}` : "", j = a(
|
|
27
|
-
{
|
|
28
|
-
"border-2 border-error": r != null || n
|
|
29
|
-
},
|
|
30
|
-
"w-full rounded-md bg-white py-2 pl-4 text-ink cursor-pointer border border-black text-md"
|
|
31
|
-
), R = a(
|
|
32
|
-
{
|
|
33
|
-
"text-error": r != null || n
|
|
34
|
-
},
|
|
35
|
-
"text-error"
|
|
36
|
-
), y = a(
|
|
37
|
-
m,
|
|
38
|
-
"mt-4 w-full bg-white cursor-pointer"
|
|
39
|
-
), i = F(null);
|
|
40
|
-
return /* @__PURE__ */ o(B, { children: [
|
|
41
|
-
/* @__PURE__ */ o("div", { id: l, className: y, onClick: () => {
|
|
42
|
-
var e;
|
|
43
|
-
(e = i.current) == null || e.focus();
|
|
44
|
-
}, children: [
|
|
45
|
-
/* @__PURE__ */ o("div", { className: "absolute -mt-3 ml-3 rounded-2xl bg-white px-1 text-sm font-regular", children: [
|
|
46
|
-
/* @__PURE__ */ t("p", { className: R, children: N }),
|
|
47
|
-
c && /* @__PURE__ */ t("p", { className: "font-semiBold text-error", children: " *" })
|
|
48
|
-
] }),
|
|
49
|
-
/* @__PURE__ */ t(
|
|
50
|
-
"textarea",
|
|
51
|
-
{
|
|
52
|
-
ref: i,
|
|
53
|
-
id: `input${d}`,
|
|
54
|
-
className: j,
|
|
55
|
-
autoComplete: u,
|
|
56
|
-
disabled: f,
|
|
57
|
-
form: p,
|
|
58
|
-
maxLength: x,
|
|
59
|
-
minLength: b,
|
|
60
|
-
required: c,
|
|
61
|
-
readOnly: h,
|
|
62
|
-
name: w,
|
|
63
|
-
value: L,
|
|
64
|
-
placeholder: k,
|
|
65
|
-
onChange: (e) => {
|
|
66
|
-
s == null || s(e);
|
|
67
|
-
},
|
|
68
|
-
onBlur: v,
|
|
69
|
-
onFocus: g,
|
|
70
|
-
onClick: $
|
|
71
|
-
}
|
|
72
|
-
)
|
|
73
|
-
] }),
|
|
74
|
-
C && /* @__PURE__ */ t("div", { id: `errors${d}`, className: "text-sm font-regular text-error", children: r == null ? void 0 : r.map((e, A) => /* @__PURE__ */ t(
|
|
75
|
-
"p",
|
|
76
|
-
{
|
|
77
|
-
className: "mt-1 border-l-4 border-error pl-3",
|
|
78
|
-
children: e
|
|
79
|
-
},
|
|
80
|
-
`error-msg-${A + 0}`
|
|
81
|
-
)) })
|
|
82
|
-
] });
|
|
83
|
-
};
|
|
84
|
-
export {
|
|
85
|
-
E as TextArea
|
|
86
|
-
};
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { Props as imageProps } from '../Image';
|
|
2
|
-
import { Timeline } from '.';
|
|
3
|
-
import { StoryObj } from '@storybook/react';
|
|
4
|
-
|
|
5
|
-
declare const meta: {
|
|
6
|
-
title: string;
|
|
7
|
-
component: ({ id, className, title, description, bgColour, isHorizontal, items, reverse, textCenter, useImages, horizontalComponentClasses, isSm, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
parameters: {};
|
|
9
|
-
argTypes: {
|
|
10
|
-
isHorizontal: {
|
|
11
|
-
description: string;
|
|
12
|
-
control: string;
|
|
13
|
-
table: {
|
|
14
|
-
category: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
useImages: {
|
|
18
|
-
description: string;
|
|
19
|
-
control: string;
|
|
20
|
-
table: {
|
|
21
|
-
category: string;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
items: {
|
|
25
|
-
description: string;
|
|
26
|
-
control: string;
|
|
27
|
-
table: {
|
|
28
|
-
category: string;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
id: {
|
|
32
|
-
description: string;
|
|
33
|
-
control: {
|
|
34
|
-
type: string;
|
|
35
|
-
default: boolean;
|
|
36
|
-
};
|
|
37
|
-
table: {
|
|
38
|
-
category: string;
|
|
39
|
-
type: {
|
|
40
|
-
summary: string;
|
|
41
|
-
};
|
|
42
|
-
defaultValue: {
|
|
43
|
-
summary: string;
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
className: {
|
|
48
|
-
description: string;
|
|
49
|
-
control: {
|
|
50
|
-
type: string;
|
|
51
|
-
default: boolean;
|
|
52
|
-
};
|
|
53
|
-
table: {
|
|
54
|
-
category: string;
|
|
55
|
-
type: {
|
|
56
|
-
summary: string;
|
|
57
|
-
};
|
|
58
|
-
defaultValue: {
|
|
59
|
-
summary: string;
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
args: {
|
|
65
|
-
title: string;
|
|
66
|
-
description: string;
|
|
67
|
-
isHorizontal: boolean;
|
|
68
|
-
reverse: boolean;
|
|
69
|
-
items: {
|
|
70
|
-
component: any;
|
|
71
|
-
centerImageProps: imageProps;
|
|
72
|
-
}[];
|
|
73
|
-
textCenter: boolean;
|
|
74
|
-
useImages: boolean;
|
|
75
|
-
horizontalComponentClasses: string;
|
|
76
|
-
isSm: boolean;
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
export default meta;
|
|
80
|
-
type Story = StoryObj<typeof Timeline>;
|
|
81
|
-
export declare const Default: Story;
|