30 | {#each links as link}
31 |
32 | {/each}
33 |
34 | {/if}
35 |
9 | {#if $$slots.image}
10 |
29 |
--------------------------------------------------------------------------------
/src/components/empty-state/empty-state.test.ts:
--------------------------------------------------------------------------------
1 | context('EmptyState', () => {
2 | it('renders', () => {
3 | cy.loadStory('Components/EmptyState', 'Default')
4 | cy.checkAccessibility()
5 | })
6 | })
7 |
8 | export {}
9 |
--------------------------------------------------------------------------------
/src/components/entity/entity-field/entity-field.stories.svelte:
--------------------------------------------------------------------------------
1 |
20 |
21 |
22 |
23 |
24 |
11 |
13 | {title}
16 | {#if description} 17 |19 | {description} 20 |
21 | {/if} 22 | {#if $$slots.cta} 23 |
25 |
27 | {/if}
28 |
11 | {#if title}
12 |
26 |
--------------------------------------------------------------------------------
/src/components/entity/entity.test.ts:
--------------------------------------------------------------------------------
1 | context('Entity', () => {
2 | it('is accessible', () => {
3 | cy.loadStory('Components/Entity', 'Default')
4 | cy.checkAccessibility()
5 | })
6 | })
7 |
8 | export {}
9 |
--------------------------------------------------------------------------------
/src/components/footer/footer-column/footer-column.stories.svelte:
--------------------------------------------------------------------------------
1 |
21 |
22 |
23 |
24 | {title}
13 | {/if} 14 | 15 |
20 |
25 |
5 |
7 |
--------------------------------------------------------------------------------
/src/components/footer/footer-group/footer-group.stories.svelte:
--------------------------------------------------------------------------------
1 |
30 |
31 |
32 |
33 |
34 |
12 |
33 |
--------------------------------------------------------------------------------
/src/components/footer/footer-group/footer-group.test.ts:
--------------------------------------------------------------------------------
1 | context('FooterGroup', () => {
2 | it('it functions', () => {
3 | cy.loadStory('Components/Footer/FooterGroup', 'Default')
4 | cy.checkAccessibility()
5 |
6 | cy.screenSize('sm')
7 | cy.checkAccessibility()
8 | cy.contains('Home').should('not.be.visible')
9 | cy.get('h3:visible').contains('Other').click()
10 | cy.contains('Home').should('be.visible')
11 | cy.get('h3:visible').contains('Other').click()
12 | cy.contains('Home').should('not.be.visible')
13 |
14 | cy.tab().realPress(' ')
15 | cy.contains('Home').should('be.visible')
16 | cy.realPress(' ')
17 | cy.contains('Home').should('not.be.visible')
18 | })
19 | })
20 |
21 | export {}
22 |
--------------------------------------------------------------------------------
/src/components/footer/footer-link/footer-link.stories.svelte:
--------------------------------------------------------------------------------
1 |
29 |
30 |
31 |
32 |
33 | {title}
13 |
17 |
29 | {title}
18 | 28 |-
30 |
-
34 |
5 |
7 |
--------------------------------------------------------------------------------
/src/components/footer/footer-social-link/footer-social-link.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
13 | {text}
23 |
14 |
16 |
--------------------------------------------------------------------------------
/src/components/header/header-item-wrapper/header-item-wrapper.test.ts:
--------------------------------------------------------------------------------
1 | context('HeaderItemWrapper', () => {
2 | it('responds to breakpoints', () => {
3 | cy.loadStory('Components/Header/HeaderItemWrapper', 'Breakpoints')
4 |
5 | cy.contains("breakpoint='none'").should('be.visible')
6 | cy.contains("breakpoint='sm'").should('be.visible')
7 | cy.contains("breakpoint='md'").should('be.visible')
8 | cy.checkAccessibility()
9 |
10 | cy.screenSize('md')
11 | cy.contains("breakpoint='none'").should('be.visible')
12 | cy.contains("breakpoint='sm'").should('be.visible')
13 | cy.contains("breakpoint='md'").should('not.be.visible')
14 | cy.checkAccessibility()
15 |
16 | cy.screenSize('sm')
17 | cy.contains("breakpoint='none'").should('be.visible')
18 | cy.contains("breakpoint='sm'").should('not.be.visible')
19 | cy.contains("breakpoint='md'").should('not.be.visible')
20 | cy.checkAccessibility()
21 | })
22 | })
23 |
24 | export {}
25 |
--------------------------------------------------------------------------------
/src/components/header/header-item-wrapper/index.d.ts:
--------------------------------------------------------------------------------
1 | export type HeaderItemBreakpoint = 'sm' | 'md' | 'none'
2 |
--------------------------------------------------------------------------------
/src/components/header/header-link/header-link.test.ts:
--------------------------------------------------------------------------------
1 | context('HeaderLink', () => {
2 | it('responds to breakpoints', () => {
3 | cy.loadStory('Components/Header/HeaderLink', 'Breakpoints')
4 |
5 | cy.get('a').contains('none').should('be.visible')
6 | cy.get('a').contains('sm').should('be.visible')
7 | cy.get('a').contains('md').should('be.visible')
8 | cy.checkAccessibility()
9 |
10 | cy.screenSize('md')
11 | cy.get('a').contains('none').should('be.visible')
12 | cy.get('a').contains('sm').should('be.visible')
13 | cy.get('a').contains('md').should('not.be.visible')
14 | cy.checkAccessibility()
15 |
16 | cy.screenSize('sm')
17 | cy.get('a').contains('none').should('be.visible')
18 | cy.get('a').contains('sm').should('not.be.visible')
19 | cy.get('a').contains('md').should('not.be.visible')
20 | cy.checkAccessibility()
21 | })
22 | })
23 |
24 | export {}
25 |
--------------------------------------------------------------------------------
/src/components/header/header-mobile-group/header-mobile-group.stories.svelte:
--------------------------------------------------------------------------------
1 |
27 |
28 |
29 |
30 | {title}
9 |
7 |
11 |
--------------------------------------------------------------------------------
/src/components/header/header-mobile-item-wrapper/header-mobile-item-wrapper.test.ts:
--------------------------------------------------------------------------------
1 | context('HeaderMobileItemWrapper', () => {
2 | it('renders', () => {
3 | cy.loadStory('Components/Header/HeaderMobileItemWrapper', 'Default')
4 | cy.checkAccessibility()
5 | })
6 | })
7 |
8 | export {}
9 |
--------------------------------------------------------------------------------
/src/components/header/header-mobile-link/header-mobile-link.stories.svelte:
--------------------------------------------------------------------------------
1 |
35 |
36 |
37 |
38 |
8 |
10 |
14 | {#each $_toasts as item, index (item.key)}
15 |
22 |
--------------------------------------------------------------------------------
/src/components/toast/toast.test.ts:
--------------------------------------------------------------------------------
1 | context('Toast', () => {
2 | it('renders', () => {
3 | cy.loadStory('Components/Toast', 'Default')
4 | cy.checkAccessibility()
5 | })
6 | })
7 |
8 | export {}
9 |
--------------------------------------------------------------------------------
/src/components/tooltip/tooltip.test.ts:
--------------------------------------------------------------------------------
1 | context('Tooltip', () => {
2 | it('functions', () => {
3 | cy.loadStory('Components/Tooltip', 'Default')
4 | cy.checkAccessibility()
5 | cy.get('[data-test="tooltip"]').should('not.exist')
6 | cy.tab()
7 | cy.get('[data-test="tooltip"]').should('be.visible')
8 | cy.realPress('Tab')
9 | cy.get('[data-test="tooltip"]').should('not.exist')
10 | cy.get('button').realHover()
11 | cy.get('[data-test="tooltip"]').should('be.visible')
12 | })
13 | })
14 |
15 | export {}
16 |
--------------------------------------------------------------------------------
/src/components/youtube-video/youtube-video.stories.svelte:
--------------------------------------------------------------------------------
1 |
35 |
36 |
37 |
38 |
36 |
37 |
41 |
42 |
--------------------------------------------------------------------------------
/src/elements/status-dot/status-dot.svelte:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 | {#if ping}
21 |
22 | {/if}
23 |
24 |
--------------------------------------------------------------------------------
/src/form/form-entity/index.d.ts:
--------------------------------------------------------------------------------
1 | export type DescriptionLink = {
2 | value: string
3 | href: string
4 | }
5 | export type ErrorMessages = {
6 | default: string
7 | offline: string | false
8 | 403: string | false
9 | 429: string | false
10 | 400: string | false
11 | 500: string | false
12 | }
13 | export type FormEntityDispatcher = {
14 | primaryClick: MouseEvent
15 | secondaryClick: MouseEvent
16 | destructiveClick: MouseEvent
17 | }
18 |
--------------------------------------------------------------------------------
/src/form/form-feedback.ts:
--------------------------------------------------------------------------------
1 | export const FORM_FEEDBACK = Object.freeze({
2 | errors: {
3 | default: 'There was an internal error. Please try again.',
4 | offline: 'You are offline. Connect to the internet and try again.',
5 | 403: 'You are not authorized to make this request.',
6 | 429: 'You are making too many requests. Wait a few minutes and try again.',
7 | 400: 'There was an internal error. Please try again.',
8 | 500: 'There was an internal error. Please try again.',
9 | },
10 | success: {
11 | default: 'Submitted successfully',
12 | saved: 'Saved successfully',
13 | },
14 | auth: {
15 | errors: {
16 | noEmailFound: 'There is not an account with that email.',
17 | invalidEmailLogin: 'Invalid email or password. Try again.',
18 | resetPasswordLinkExpired:
19 | 'Password reset link expired. Request a new link and try again.',
20 | },
21 | success: {
22 | passwordIsReset: 'Your password is reset and you can sign in',
23 | passwordResetLinkSent: 'Check your email for the password reset link.',
24 | },
25 | },
26 | })
27 |
--------------------------------------------------------------------------------
/src/form/inputs/avatar-input/avatar-input.test.ts:
--------------------------------------------------------------------------------
1 | context('AvatarInput', () => {
2 | it('renders', () => {
3 | cy.loadStory('Form/Inputs/AvatarInput', 'Default')
4 | cy.checkAccessibility()
5 | })
6 | })
7 |
8 | export {}
9 |
--------------------------------------------------------------------------------
/src/form/inputs/avatar-input/index.d.ts:
--------------------------------------------------------------------------------
1 | export type ErrorEventDetail = {
2 | isValid: boolean
3 | errorMessage: string
4 | }
5 | export type AvatarInputErrorEvent = CustomEvent
10 |
12 |
--------------------------------------------------------------------------------
/src/form/inputs/text-input/_input-feedback-section.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
26 |
--------------------------------------------------------------------------------
/src/form/inputs/twitter-profile-input/twitter-profile-input.test.ts:
--------------------------------------------------------------------------------
1 | context('TwitterProfileInput', () => {
2 | it('renders', () => {
3 | cy.loadStory('Form/Inputs/TwitterProfileInput', 'Default')
4 | cy.checkAccessibility()
5 | })
6 | })
7 |
8 | export {}
9 |
--------------------------------------------------------------------------------
/src/form/inputs/url-input/url-input.test.ts:
--------------------------------------------------------------------------------
1 | const invalidUrls = [
2 | 'john smith',
3 | 'hello@example.com',
4 | 'foo@bar.com',
5 | 'http://localhost:3000/',
6 | '//foobar.com',
7 | ]
8 |
9 | const validUrls = [
10 | 'https://example.com',
11 | 'http://facebook.com/this.is.a.path',
12 | 'foobar.com',
13 | 'www.foobar.com',
14 | 'foobar.com/',
15 | 'valid.au',
16 | ]
17 |
18 | context('UrlInput', () => {
19 | it('renders', () => {
20 | cy.loadStory('Form/Inputs/UrlInput', 'Default', {
21 | optional: 'true',
22 | })
23 |
24 | invalidUrls.forEach((value) => {
25 | cy.get('input').type(value).blur()
26 | cy.get('[data-test="error"]').should('exist')
27 | cy.get('input').clear().blur()
28 | cy.get('[data-test="error"]').should('not.exist')
29 | })
30 | validUrls.forEach((value) => {
31 | cy.get('input').type(value).blur()
32 | cy.get('[data-test="error"]').should('not.exist')
33 | cy.contains(`Parsed value: "${value}"`)
34 | cy.get('input').clear()
35 | })
36 | })
37 | })
38 |
39 | export {}
40 |
--------------------------------------------------------------------------------
/src/form/inputs/youtube-channel-input/youtube-channel-input.test.ts:
--------------------------------------------------------------------------------
1 | context('YoutubeChannelInput', () => {
2 | it('renders', () => {
3 | cy.loadStory('Form/Inputs/YoutubeChannelInput', 'Default', {
4 | defaultValue: 'YouTubeCreators',
5 | })
6 | cy.get('input').should('have.value', 'https://youtube.com/YouTubeCreators')
7 | })
8 | })
9 |
10 | export {}
11 |
--------------------------------------------------------------------------------
/src/form/inputs/youtube-video-input/youtube-video-input.test.ts:
--------------------------------------------------------------------------------
1 | context('YoutubeVideoInput', () => {
2 | it('renders', () => {
3 | cy.loadStory('Form/Inputs/YoutubeVideoInput', 'Default', {
4 | defaultValue: '1234',
5 | })
6 | cy.get('input').should('have.value', 'https://youtube.com/watch?v=1234')
7 | })
8 | })
9 |
10 | export {}
11 |
--------------------------------------------------------------------------------
/src/form/label/label.stories.svelte:
--------------------------------------------------------------------------------
1 |
38 |
39 |
40 |
41 |
13 | {#if isInvalidState}
14 |
25 |
15 | {errorMessage}
16 |
17 | {:else if helpText}
18 | {helpText}
19 | {/if} 20 | 21 | {#if feedback && !hideFeedback} 22 |{feedback}
23 | {/if} 24 |
16 |
17 |
25 |
26 |
28 | {#if links.length > 0}
29 |
36 |
37 |
--------------------------------------------------------------------------------
/src/layouts/auth/auth.test.ts:
--------------------------------------------------------------------------------
1 | context('Auth', () => {
2 | it('renders', () => {
3 | cy.loadStory('Layouts/Auth', 'Default')
4 |
5 | cy.checkAccessibility()
6 | cy.get('a').should('have.attr', 'href', '/')
7 |
8 | cy.loadStory('Layouts/Auth', 'With logo')
9 | cy.checkAccessibility()
10 | cy.get('a').should('have.attr', 'href', '/')
11 |
12 | cy.loadStory('Layouts/Auth', 'With links')
13 | cy.checkAccessibility()
14 | cy.get('a').should('have.attr', 'href', '/')
15 | cy.get('a').eq(1).should('have.attr', 'href', '#')
16 |
17 | cy.loadStory('Layouts/Auth', 'Example')
18 | cy.checkAccessibility({ page: true })
19 | })
20 | })
21 |
22 | export {}
23 |
--------------------------------------------------------------------------------
/src/layouts/auth/oauth/index.d.ts:
--------------------------------------------------------------------------------
1 | export type OauthTypes = 'apple' | 'facebook' | 'google' | 'twitter'
2 | export type OauthOnClick = CustomEvent
9 |
10 |
22 |
23 |
--------------------------------------------------------------------------------
/src/layouts/http-500/http-500.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 | 404
11 |{kicker}
12 |{title}
13 |{message}
14 | {#if links.length > 0} 15 |
16 | {#each links as link}
17 | {link.text}
18 | {/each}
19 |
20 | {/if}
21 |
14 |
15 |
17 |
21 |
22 | {#if isDevelopment}
23 |
34 |
--------------------------------------------------------------------------------
/src/svg-marketing/analytics.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/src/svg-marketing/at.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/src/svg-marketing/book-user.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/src/svg-marketing/bookmark.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg-marketing/bug.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/src/svg-marketing/clipboard.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/src/svg-marketing/computer-speaker.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/src/svg-marketing/download.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/src/svg-marketing/envelope-square.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/src/svg-marketing/file-music.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/src/svg-marketing/hands-helping.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg-marketing/heart-circle.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/src/svg-marketing/laptop-code.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/src/svg-marketing/tv-music.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/src/svg-marketing/user-edit.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/README.md:
--------------------------------------------------------------------------------
1 | # src/svg
2 |
3 | This folder is used to house all the SVGs for the icons. It does not include the [feather](https://feathericons.com/) icons, only the additional ones.
4 |
5 | This folder is not published to npm.
6 |
--------------------------------------------------------------------------------
/src/svg/academic-cap.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/apple.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/divider.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/dot.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/facebook.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/github.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/google-maps.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/google.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/heading-1.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/heading-2.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/identification.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/linkedin.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/list-numbered.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/medium.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/office-building.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/patreon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/paypal.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/quote.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/rss.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/search.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/spotify.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/twitter.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/user-group.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/user.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/windows.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/svg/youtube.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/utilities/seo/seo.stories.svelte:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 | {status} Error
16 |Oops…
18 |Internal error
19 |{isDevelopment ? error.message : message}
20 |
25 |
26 |
27 | {#each stack as line}
28 | {line}
29 | {/each}
30 |
31 |
32 | {/if}
33 |