diff --git a/src/il-accordion/accordion.spec.js b/src/il-accordion/accordion.spec.js deleted file mode 100644 index dcf3e587..00000000 --- a/src/il-accordion/accordion.spec.js +++ /dev/null @@ -1,5 +0,0 @@ -import { test, expect } from '@playwright/test'; -const AxeBuilder = require('@axe-core/playwright').default; - -test.use({ viewport: { width: 1200, height: 800 }}); - diff --git a/src/il-accordion/accordion.spec.js-snapshots/base-it-has-a-screenshot-1-chromium-win32.png b/src/il-accordion/accordion.spec.js-snapshots/base-it-has-a-screenshot-1-chromium-win32.png deleted file mode 100644 index eb2fa4ac..00000000 Binary files a/src/il-accordion/accordion.spec.js-snapshots/base-it-has-a-screenshot-1-chromium-win32.png and /dev/null differ diff --git a/src/il-accordion/accordion.spec.js-snapshots/base-it-has-a-screenshot-1-firefox-win32.png b/src/il-accordion/accordion.spec.js-snapshots/base-it-has-a-screenshot-1-firefox-win32.png deleted file mode 100644 index a2fb387e..00000000 Binary files a/src/il-accordion/accordion.spec.js-snapshots/base-it-has-a-screenshot-1-firefox-win32.png and /dev/null differ diff --git a/src/il-accordion/accordion.spec.js-snapshots/base-it-has-a-screenshot-1-webkit-win32.png b/src/il-accordion/accordion.spec.js-snapshots/base-it-has-a-screenshot-1-webkit-win32.png deleted file mode 100644 index 12e734d1..00000000 Binary files a/src/il-accordion/accordion.spec.js-snapshots/base-it-has-a-screenshot-1-webkit-win32.png and /dev/null differ diff --git a/src/il-accordion/accordion.spec.js-snapshots/fixed-width-it-has-a-screenshot-1-chromium-win32.png b/src/il-accordion/accordion.spec.js-snapshots/fixed-width-it-has-a-screenshot-1-chromium-win32.png deleted file mode 100644 index eb2fa4ac..00000000 Binary files a/src/il-accordion/accordion.spec.js-snapshots/fixed-width-it-has-a-screenshot-1-chromium-win32.png and /dev/null differ diff --git a/src/il-accordion/accordion.spec.js-snapshots/fixed-width-it-has-a-screenshot-1-webkit-win32.png b/src/il-accordion/accordion.spec.js-snapshots/fixed-width-it-has-a-screenshot-1-webkit-win32.png deleted file mode 100644 index 12e734d1..00000000 Binary files a/src/il-accordion/accordion.spec.js-snapshots/fixed-width-it-has-a-screenshot-1-webkit-win32.png and /dev/null differ diff --git a/src/il-accordion/accordion.spec.js-snapshots/white-it-has-a-screenshot-1-chromium-win32.png b/src/il-accordion/accordion.spec.js-snapshots/white-it-has-a-screenshot-1-chromium-win32.png deleted file mode 100644 index 90ab4ec0..00000000 Binary files a/src/il-accordion/accordion.spec.js-snapshots/white-it-has-a-screenshot-1-chromium-win32.png and /dev/null differ diff --git a/src/il-accordion/accordion.spec.js-snapshots/white-it-has-a-screenshot-1-firefox-win32.png b/src/il-accordion/accordion.spec.js-snapshots/white-it-has-a-screenshot-1-firefox-win32.png deleted file mode 100644 index 9b334a17..00000000 Binary files a/src/il-accordion/accordion.spec.js-snapshots/white-it-has-a-screenshot-1-firefox-win32.png and /dev/null differ diff --git a/src/il-accordion/accordion.spec.js-snapshots/white-it-has-a-screenshot-1-webkit-win32.png b/src/il-accordion/accordion.spec.js-snapshots/white-it-has-a-screenshot-1-webkit-win32.png deleted file mode 100644 index 0d3169df..00000000 Binary files a/src/il-accordion/accordion.spec.js-snapshots/white-it-has-a-screenshot-1-webkit-win32.png and /dev/null differ diff --git a/src/il-accordion/il-accordion.component.js b/src/il-accordion/il-accordion.component.js deleted file mode 100644 index fa9c0dd5..00000000 --- a/src/il-accordion/il-accordion.component.js +++ /dev/null @@ -1,60 +0,0 @@ -import {LitElement, html} from 'lit'; -import './il-accordion.css'; - -class Accordion extends LitElement { - - static get properties() { - return { - single: {type: Boolean, default: false } - }; - } - - constructor() { - super(); - this.single = false; - document.addEventListener('DOMContentLoaded', this.handleContentLoaded.bind(this)); - } - - handleContentLoaded(evt) { - this.getPanels().forEach(section => { - section.addEventListener('toggle', this.handlePanelToggle.bind(this)); - }); - } - - handlePanelToggle(evt) { - const panel = evt.target; - const expanded = this.panelIsExpanded(panel); - if (this.single) this.collapseAllPanels(); - expanded ? this.collapsePanel(panel) : this.expandPanel(panel); - } - - collapseAllPanels() { - this.getPanels().forEach(panel => this.collapsePanel(panel)); - } - - collapsePanel(panel) { - panel.collapse(); - panel.setAttribute('data-il-state', 'collapsed'); - } - - getPanels() { - return this.querySelectorAll('il-accordion-panel'); - } - - expandPanel(panel) { - panel.expand(); - panel.setAttribute('data-il-state', 'expanded'); - } - - panelIsExpanded(panel) { - return panel.getAttribute('data-il-state', 'collapsed') === 'expanded'; - } - - render() { - return html` - - `; - } -} - -customElements.define('il-accordion', Accordion); \ No newline at end of file diff --git a/src/il-accordion/il-accordion.css b/src/il-accordion/il-accordion.css deleted file mode 100644 index 8956f50b..00000000 --- a/src/il-accordion/il-accordion.css +++ /dev/null @@ -1,36 +0,0 @@ - -il-accordion-panel { - border: var(--il-accordion-panel--border); - margin: 20px 0; -} - -il-accordion.il-fixed-width, il-accordion-panel.il-fixed-width { - --il-content--max-width: 1200px; -} - -@layer theme { - il-accordion.il-theme-blue, .il-theme-blue il-accordion { - @mixin il-content--theme-blue; - } - - il-accordion.il-theme-white, .il-theme-white il-accordion { - @mixin il-content--theme-white; - } - - il-accordion.il-theme-gray, .il-theme-gray il-accordion { - @mixin il-content--theme-gray; - } - - il-accordion.il-theme-orange, .il-theme-orange il-accordion { - @mixin il-content--theme-orange; - } - - il-accordion.il-theme-industrial-blue, .il-theme-industrial-blue il-accordion { - @mixin il-content--theme-industrial-blue; - } - - il-accordion.il-theme-altgeld, .il-theme-altgeld il-accordion { - @mixin il-content--theme-altgeld; - } - } - \ No newline at end of file diff --git a/src/il-accordion/tests/accordion.html b/src/il-accordion/tests/accordion.html deleted file mode 100644 index ee94855c..00000000 --- a/src/il-accordion/tests/accordion.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - - -

Test #1 information

- -

First paragraph

-

Second paragraph

- - - -

Test #2 information

- -

First paragraph

-

Second paragraph

- - - -

Test #3 information

- -

First paragraph

-

Second paragraph

- - - diff --git a/src/il-back-to-top/back-to-top.html b/src/il-back-to-top/back-to-top.html deleted file mode 100644 index d186eb2e..00000000 --- a/src/il-back-to-top/back-to-top.html +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - \ No newline at end of file diff --git a/src/il-back-to-top/il-back-to-top.component.js b/src/il-back-to-top/il-back-to-top.component.js deleted file mode 100644 index 8038b346..00000000 --- a/src/il-back-to-top/il-back-to-top.component.js +++ /dev/null @@ -1,123 +0,0 @@ -import { LitElement, html } from 'lit'; -import styles from './il-back-to-top.styles'; -import './il-back-to-top.css'; - -class BackToTop extends LitElement { - - static get properties() { - return { - alt: { type: String, attribute: true }, - target: { type: String, attribute: true } - }; - } - - static get styles() { - return styles; - } - - constructor() { - super(); - this.alt = 'Back to top'; - this.target = null; - this.expectedPositionAfterScroll = null; - this.continueScroll = this.continueScroll.bind(this); - this.handleScroll = this.handleScroll.bind(this); - } - - connectedCallback() { - super.connectedCallback(); - window.addEventListener('scroll', this.handleScroll); - } - - continueScroll() { - if (!this.isTopOfPage() && this.isInExpectedPosition()) { - this.scrollToTop(); - } - } - - disconnectedCallback() { - super.disconnectedCallback(); - window.removeEventListener('scroll', this.handleScroll); - } - - getButton() { - return this.shadowRoot.querySelector('button'); - } - - getFoldPosition() { - return window.innerHeight * .8; - } - - getNextScrollPosition() { - return Math.max(this.getTopOfPage(), this.getScrollPosition() - 50); - } - - getScrollPosition() { - return window.pageYOffset || document.documentElement.scrollTop; - } - - getTopOfPage() { - if (this.target && document.getElementById(this.target)) { - return document.getElementById(this.target).getBoundingClientRect().top + document.documentElement.scrollTop - } - return 0; - } - - handleClick(evt) { - evt.preventDefault(); - this.getButton().blur(); - if (this.isBelowFold()) this.jumpToFold(); - this.startScrollToTop(); - } - - handleScroll(evt) { - this.updateButton(); - } - - isBelowFold() { - return this.getScrollPosition() > this.getFoldPosition(); - } - - isInExpectedPosition() { - return this.getScrollPosition() === this.expectedPositionAfterScroll; - } - - isNearTopOfPage() { - return this.getScrollPosition() < (this.getTopOfPage() + 100); - } - - isTopOfPage() { - return this.getScrollPosition() <= this.getTopOfPage(); - } - - jumpToFold() { - window.scrollTo(0, this.getFoldPosition()); - } - - scrollToTop() { - this.expectedPositionAfterScroll = this.getNextScrollPosition(); - window.scrollTo(0, this.expectedPositionAfterScroll); - setTimeout(this.continueScroll, 10); - } - - startScrollToTop() { - this.scrollToTop(); - } - - updateButton() { - this.getButton().classList[this.isNearTopOfPage() ? 'add' : 'remove']('top-of-page'); - } - - renderIcon() { - return html` - - `; - } - - render() { - return html``; - } -} - -customElements.define('il-back-to-top', BackToTop); diff --git a/src/il-back-to-top/il-back-to-top.css b/src/il-back-to-top/il-back-to-top.css deleted file mode 100644 index 339223ad..00000000 --- a/src/il-back-to-top/il-back-to-top.css +++ /dev/null @@ -1,7 +0,0 @@ - -:root { - --il-back-to-top-position-x: 40px; - --il-back-to-top-position-y: 40px; - --il-back-to-top-foreground-color: white; - --il-back-to-top-background-color: var(--il-blue); -} \ No newline at end of file diff --git a/src/il-back-to-top/il-back-to-top.styles.js b/src/il-back-to-top/il-back-to-top.styles.js deleted file mode 100644 index 63711b8a..00000000 --- a/src/il-back-to-top/il-back-to-top.styles.js +++ /dev/null @@ -1,41 +0,0 @@ -import {css} from 'lit'; - -export default css` - -:host { - bottom: var(--il-back-to-top-position-y); - position: fixed; - right: var(--il-back-to-top-position-x); - z-index: 2; -} -button { - box-sizing: border-box; - padding: 4px; - display: block; - background-color: var(--il-back-to-top-background-color); - border: 2px solid var(--il-back-to-top-foreground-color); - border-radius: 50%; - width: 48px; - height: 48px; - transition: transform .4s; - cursor: pointer; -} -button:hover, button:focus { - background-color: var(--il-back-to-top-foreground-color); - border-color: var(--il-back-to-top-background-color); -} -button.top-of-page { - transform: translateY(88px); -} -svg { - height: 36px; - width: 36px; -} -path { - fill: var(--il-back-to-top-foreground-color); -} -button:hover path, button:focus path { - fill: var(--il-back-to-top-background-color); -} - -` \ No newline at end of file diff --git a/src/il-block-i/il-block-il.component.js b/src/il-block-i/il-block-il.component.js deleted file mode 100644 index 6c8ebb1d..00000000 --- a/src/il-block-i/il-block-il.component.js +++ /dev/null @@ -1,36 +0,0 @@ -import { LitElement, html, css } from 'lit'; - -class Wordmark extends LitElement { - - static get styles() { - return css` - :host { - display: block; - } - #block-i { - display: block; - width: 100%; - } - .outline { - fill: var(--il-block-i--outline-color, var(--il-blue)); - } - .fill { - fill: var(--il-block-i--fill-color, var(--il-orange)); - }` - } - - render() { - return html` -
- - - Block I logo - - - - -
` - } -} - -customElements.define('il-block-i', Wordmark); diff --git a/src/il-call-to-action/il-call-to-action.component.js b/src/il-call-to-action/il-call-to-action.component.js deleted file mode 100644 index 8065b896..00000000 --- a/src/il-call-to-action/il-call-to-action.component.js +++ /dev/null @@ -1,57 +0,0 @@ -import { LitElement, html, css } from 'lit'; -import "./il-call-to-action.css" - -class CallToAction extends LitElement { - - static get styles() { - return css` - - :host { - display: block; - } - #call-to-action { - padding-top: 3.75em; - padding-bottom: 4.7em; - padding-left: var(--il-page--padding-left, 2em); - padding-right: var(--il-page--padding-right, 2em); - } - - #container { - display: grid; - grid-template-columns: 6em auto; - grid-gap: 3em; - } - #content { - } - #icon { - padding-top: 1.875rem; - } - - @container (max-width: 792px) { - #container { - grid-template-columns: auto; - grid-template-rows: auto auto; - grid-gap: 1.875em; - } - } - - `; - } - - render() { - return html` -
-
-
- -
-
- -
-
-
- `; - } -} - -customElements.define('il-call-to-action', CallToAction); diff --git a/src/il-call-to-action/il-call-to-action.css b/src/il-call-to-action/il-call-to-action.css deleted file mode 100644 index a9b1b780..00000000 --- a/src/il-call-to-action/il-call-to-action.css +++ /dev/null @@ -1,13 +0,0 @@ - -il-call-to-action { - background-color: var(--il-blue); - color: white; - - il-content { - @mixin il-content--theme-blue; - } - - il-icon { - font-size: 7em; - } -} diff --git a/src/il-call-to-action/tests/centered-with-icon.html b/src/il-call-to-action/tests/centered-with-icon.html deleted file mode 100644 index 95f6b97b..00000000 --- a/src/il-call-to-action/tests/centered-with-icon.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - faq - -

Get started today!

-

Enroll in a class after you are admitted as a non-degree student.

-

Registration overviewAccessing email/Compass -

- - diff --git a/src/il-call-to-action/tests/in-page.html b/src/il-call-to-action/tests/in-page.html deleted file mode 100644 index e847f641..00000000 --- a/src/il-call-to-action/tests/in-page.html +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - faq - -

Get started today!

-

Enroll in a class after you are admitted as a non-degree student.

-

Registration overviewAccessing email/Compass -

- - - diff --git a/src/il-call-to-action/tests/with-icon.html b/src/il-call-to-action/tests/with-icon.html deleted file mode 100644 index 4469bfe8..00000000 --- a/src/il-call-to-action/tests/with-icon.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - faq - -

Get started today!

-

Enroll in a class after you are admitted as a non-degree student.

-

Registration overviewAccessing email/Compass -

- - diff --git a/src/il-call-to-action/tests/without-icon.html b/src/il-call-to-action/tests/without-icon.html deleted file mode 100644 index 5bfbff96..00000000 --- a/src/il-call-to-action/tests/without-icon.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - -

Get started today!

-

Enroll in a class after you are admitted as a non-degree student.

-

Registration overviewAccessing email/Compass -

- - diff --git a/src/il-footer/_contact.css b/src/il-footer/_contact.css deleted file mode 100644 index 3c39223c..00000000 --- a/src/il-footer/_contact.css +++ /dev/null @@ -1,46 +0,0 @@ -.il-footer-contact { - font-size: 18px; - - h1, h2, p { - margin: 0; - padding: 0; - font-size: 1rem; - line-height: 1.75rem; - - &:first-child { - font-weight: 700; - font-size: 1.5rem; - margin-bottom: 2px; - } - } - - dl { - all: initial; - } - - dt { - all: initial; - clear: both; - float: left; - margin-right: .5em; - - &::after { - content: ":"; - } - } - - dd { - all: initial; - } - - a { - text-decoration: none; - } - - a:hover, a:focus { - outline: none; - text-decoration: underline; - color: var(--il-orange); - } -} - diff --git a/src/il-footer/_navigation.css b/src/il-footer/_navigation.css deleted file mode 100644 index f632df5a..00000000 --- a/src/il-footer/_navigation.css +++ /dev/null @@ -1,129 +0,0 @@ -%il-footer-content { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - gap: 50px; - font: 18px var(--il-font-sans); - padding-top: 61px; - color: white; - - h2, - h3, - h4 { - all: initial; - padding: 0 0 10px 0; - margin-bottom: 6px; - font: bold 20px var(--il-font-sans); - border-bottom: 1px solid white; - } - - ul { - all: initial; - - li { - all: initial; - - a { - display: block; - padding: 9px 0; - text-decoration: none; - } - } - } - - a { - } - - a:hover, - a:focus { - outline: none; - text-decoration: underline; - color: var(--il-orange); - } - - .il-actions { - ul { - all: initial; - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: flex-start; - align-items: flex-start; - } - - li { - all: initial; - margin: 0 20px 20px 0; - } - - a { - border: 0; - background-color: var(--il-orange); - color: white; - - &:hover, - &:focus { - background-color: var(--il-altgeld); - color: white; - } - } - } - - @media (min-width: 992px) { - padding-top: 115px; - - ul li a { - padding: 6px 0; - } - } -} - -.il-footer-navigation { - @extend %il-footer-content; - display: grid; - grid-template-columns: 1fr; - grid-gap: 61px; - - nav { - margin-bottom: 61px; - - &:last-child { - margin-bottom: 0; - } - } - - @media (min-width: 992px) { - grid-gap: 120px; - grid-template-columns: repeat(2, 1fr); - - nav { - margin-bottom: 50px; - - &:last-child { - margin-bottom: 0; - } - } - - .il-actions { - grid-column-start: 1; - grid-column-end: span 2; - } - } -} - -.il-footer-navigation-single { - @extend %il-footer-content; - - p:first-child { - margin-top: 0; - padding-top: 0; - } - - p { - color: white; - } - - @media (min-width: 992px) { - grid-column: 2 / span 2; - } -} diff --git a/src/il-footer/_parent.css b/src/il-footer/_parent.css deleted file mode 100644 index 3693177c..00000000 --- a/src/il-footer/_parent.css +++ /dev/null @@ -1,21 +0,0 @@ -.il-footer-parent { - font-size: 1rem; - line-height: 1.5rem; - padding: 45px 45px 0 0; - - p { - margin: 0; - padding: 0 0 25px 0; - } - - a { - text-decoration: none; - } - - a:hover, a:focus { - outline: none; - text-decoration: underline; - color: var(--il-orange); - } -} - diff --git a/src/il-footer/_social.css b/src/il-footer/_social.css deleted file mode 100644 index 13e5193e..00000000 --- a/src/il-footer/_social.css +++ /dev/null @@ -1,123 +0,0 @@ -.il-footer-social { - ul { - all: initial; - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: flex-start; - align-items: center; - margin: -6px -24px -20px -6px; - font: 700 18px/30px var(--il-font-sans); - } - li { - all: initial; - padding: 0 18px 14px 0; - } - a { - all: initial; - position: relative; - display: block; - background-color: var(--il-link-color); - color: var(--il-blue); - box-sizing: border-box; - padding: 0 10px; - border-radius: 15px; - white-space: nowrap; - } - a:visited { - background-color: var(--il-visited-link-color); - } - a:hover, a:focus { - background-color: var(--il-link-hover-color); - color: white; - } - a:focus { - outline: none; - outline-color: none; - } - a[href*="facebook.com/"], - a[href*="instagram.com/"], - a[href*="linkedin.com/"], - a[href*="pinterest.com/"], - a[href*="snapchat.com/"], - a[href*="tiktok.com/"], - a[href*="twitter.com/"], - a[href*="weibo.com/"], - a[href*="whatsapp.com/"], - a[href*="youtube.com/"] { - position: relative; - margin: -4px -6px; - padding: 0; - height: 48px; - overflow: hidden; - width: 48px; - text-indent: 200%; - white-space: nowrap; - font: normal 30px var(--il-icons-line); - background-color: transparent; - color: var(--il-link-color); - border-radius: 0; - - &:visited { - color: var(--il-visited-link-color); - } - - &:hover, &:focus { - color: var(--il-orange); - } - - &:before { - position: absolute; - top: 0; - left: 0; - z-index: 100; - display: block; - height: 100%; - width: 100%; - text-align: center; - text-indent: 0; - white-space: normal; - } - } - a[href*="facebook.com/"]:before { - content: "facebook"; - } - a[href*="instagram.com/"]:before { - content: "instagram"; - } - a[href*="linkedin.com/"]:before { - content: "linkedin"; - } - a[href*="pinterest.com/"]:before { - content: "pinterest"; - } - a[href*="snapchat.com/"]:before { - content: "snapchat"; - } - a[href*="twitter.com/"]:before { - content: "twitter"; - } - a[href*="weibo.com/"]:before { - content: "weibo"; - } - a[href*="whatsapp.com/"]:before { - content: "whatsapp"; - } - a[href*="youtube.com/"]:before { - content: "youtube"; - } - a[href*="tiktok.com/"]:before { - --il-social-tiktok-logo: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzQ3LjY3IDM5OC42NyI+PGcgPjxwYXRoIGQ9Ik0yOTUuNzQsNzkuOTFjLTIxLjQ4LTE0LTM2Ljk3LTM2LjQxLTQxLjgxLTYyLjUyLTEuMDQtNS42NC0xLjYyLTExLjQ1LTEuNjItMTcuMzloLTY4LjU0bC0uMTEsMjc0LjY4Yy0xLjE1LDMwLjc2LTI2LjQ3LDU1LjQ1LTU3LjUsNTUuNDUtOS42NSwwLTE4LjczLTIuNDEtMjYuNzMtNi42Mi0xOC4zNC05LjY1LTMwLjg5LTI4Ljg3LTMwLjg5LTUwLjk5LDAtMzEuNzcsMjUuODUtNTcuNjIsNTcuNjEtNTcuNjIsNS45MywwLDExLjYyLC45OCwxNywyLjY2di02OS45N2MtNS41Ny0uNzYtMTEuMjMtMS4yMy0xNy0xLjIzQzU2LjU5LDE0Ni4zNiwwLDIwMi45NSwwLDI3Mi41MmMwLDQyLjY4LDIxLjMyLDgwLjQ1LDUzLjg2LDEwMy4yOSwyMC40OSwxNC4zOSw0NS40MiwyMi44Niw3Mi4zLDIyLjg2LDY5LjU2LDAsMTI2LjE1LTU2LjU5LDEyNi4xNS0xMjYuMTVWMTMzLjIzYzI2Ljg4LDE5LjI5LDU5LjgyLDMwLjY2LDk1LjM2LDMwLjY2Vjk1LjM1Yy0xOS4xNCwwLTM2Ljk3LTUuNjktNTEuOTMtMTUuNDRaIi8+PC9nPjwvc3ZnPg=='); - -webkit-mask-image: var(--il-social-tiktok-logo); - mask-image: var(--il-social-tiktok-logo); - content: "tiktok"; - background-size: 16px 16px; - background-color: currentColor; - position: absolute; - top: 9px; - left: 9px; - width: 30px; - height: 30px; - } -} - diff --git a/src/il-footer/il-footer.component.js b/src/il-footer/il-footer.component.js deleted file mode 100644 index c323d3e6..00000000 --- a/src/il-footer/il-footer.component.js +++ /dev/null @@ -1,107 +0,0 @@ -import { LitElement, html, css } from 'lit'; -import styles from './il-footer.styles'; -import '../il-wordmark/il-wordmark.component'; -import "./il-footer.css"; - -class Footer extends LitElement { - - static get properties() { - return { - _oneTrust: { type: Boolean, state: true } - } - } - - static get styles() { - return styles; - } - - constructor() { - super(); - this._oneTrust = true; - document.addEventListener('DOMContentLoaded', this.handleContentLoaded.bind(this)); - } - - connectedCallback() { - super.connectedCallback(); - this._oneTrust = this.isOneTrustPresent(); - } - - handleContentLoaded(evt) { - this._oneTrust = this.isOneTrustPresent(); - } - - isOneTrustPresent() { - const isStubVariableDefined = typeof OneTrustStub !== 'undefined'; - const isConsentDialogFound = document.getElementById('onetrust-consent-sdk') !== null; - return isStubVariableDefined || isConsentDialogFound; - } - - render() { - return html` - - `; - } -} - -customElements.define('il-footer', Footer); diff --git a/src/il-footer/il-footer.css b/src/il-footer/il-footer.css deleted file mode 100644 index 7d9299a8..00000000 --- a/src/il-footer/il-footer.css +++ /dev/null @@ -1,11 +0,0 @@ - -il-footer { - background-color: var(--il-blue); - color: white; - - button#ot-sdk-btn { - border: 1px solid; - padding: .5em 1.5em !important; - font-size: 1em !important; - } -} diff --git a/src/il-footer/il-footer.styles.js b/src/il-footer/il-footer.styles.js deleted file mode 100644 index d1bb3143..00000000 --- a/src/il-footer/il-footer.styles.js +++ /dev/null @@ -1,173 +0,0 @@ -import {css} from 'lit'; - -export default css` - :host { - font: 400 normal 1em/1em var(--il-font-sans); - } - .container { - box-sizing: border-box; - max-width: 1200px; - padding: 30px; - margin: 0 auto; - } - #site { - border-top: 6px solid var(--il-blue); - background: var(--il-cloud-1); - color: var(--il-blue) - } - #site .container { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-template-rows: auto auto; - grid-gap: 30px; - grid-template-areas: "identity identity identity" "info content content"; - } - #site .identity { - grid-area: identity; - } - #site .info { - grid-area: info; - } - #site .content { - grid-area: content; - } - - #campus { - border-top: 6px solid var(--il-orange); - padding: 1em; - background-color: var(--il-blue); - color: white; - } - #campus .links ul { - all: initial; - display: block; - margin: 2em 0 0; - padding: 0; - list-style: none; - column-count: 3; - column-gap: 30px; - } - #campus .links li { - display: block; - list-style: none; - margin: 0; - padding: .5em 0; - } - #campus .links a { - display: inline-block; - color: white; - font: 400 normal 1em/1em var(--il-font-sans); - cursor: pointer; - text-decoration: none; - } - #campus .links a:focus, #campus .links a:hover { - text-decoration: underline; - } - - #required { - border-top: 5px solid var(--il-alma-mater); - background-color: var(--il-blue); - } - #required .container { - display: flex; - flex-direction: row; - gap: 2em; - justify-content: center; - align-items: center; - } - #required ::slotted(button#ot-sdk-btn) { - all: initial; - color: rgba(255, 255, 255, .25); - font-family: var(--il-font-sans); - cursor: not-allowed; - } - - #required .links ul { - all: initial; - display: flex; - flex-direction: row; - gap: 2em; - } - #required .links li { - all: initial; - display: block; - } - #required .links a { - display: block; - color: white; - text-decoration: none; - font: 400 1em/1em var(--il-font-sans); - } - #required .links a:focus, #required .links a:hover { - text-decoration: underline; - } -`; - -const old = css` -.footer { - border-top: 1px solid white; - font-family: var(--il-font-sans); - background-color: var(--il-blue); - color: white; -} - -.section { - padding-left: var(--il-content-margin); - padding-right: var(--il-content-margin); -} -.section-inner { - max-width: var(--il-content-max-width); - margin-left: auto; - margin-right: auto; -} - -.links { - border-top: 5px solid var(--il-alma-mater); -} - - -.main { - padding-top: 30px; - padding-bottom: 19px; -} - -.main .section-inner { - box-sizing: border-box; - display: grid; - grid-gap: 0 120px; -} - -@media (max-width: 991px) { - .main .section-inner { - grid-template-columns: 1fr; - grid-template-rows: auto; - grid-template-areas: "info" "content"; - } -} -@media (min-width: 992px) { - .main .section-inner { - grid-template-columns: repeat(3, 1fr); - grid-template-areas: "info content content"; - } -} -.info { - grid-area: info; -} -.content { - grid-area: content; -} -il-wordmark { - margin-bottom: 60px; -} - - .social { - clear: left; - margin-top: 25px; -} -.links .section-inner { - padding-top: 10px; - padding-bottom: 10px; -} - - -`; \ No newline at end of file diff --git a/src/il-footer/tests/footer.html b/src/il-footer/tests/footer.html deleted file mode 100644 index 5e096076..00000000 --- a/src/il-footer/tests/footer.html +++ /dev/null @@ -1,88 +0,0 @@ - - - - - - - - - - -
-

College of Malkovich Malkovich

-

Department of Malkovich Malkovich

-
- - -

123 Malkovich Malkovich
Urbana, IL 61801

-

Voice: (217) 555-5555

-

Fax: (217) 555-5555

-

malkovich@illinois.edu

- - - - - - -
-
- - -
-
- - -
-
- - - - \ No newline at end of file diff --git a/src/il-footer/tests/onetrust-without-script.html b/src/il-footer/tests/onetrust-without-script.html deleted file mode 100644 index 23a1c4b7..00000000 --- a/src/il-footer/tests/onetrust-without-script.html +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - \ No newline at end of file diff --git a/src/il-footer/tests/onetrust.html b/src/il-footer/tests/onetrust.html deleted file mode 100644 index 0fad486b..00000000 --- a/src/il-footer/tests/onetrust.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/il-footer/tests/paragraph.func.js b/src/il-footer/tests/paragraph.func.js deleted file mode 100644 index e06ce9c4..00000000 --- a/src/il-footer/tests/paragraph.func.js +++ /dev/null @@ -1,9 +0,0 @@ -const util = require('../../tests.util'); - -beforeEach(async () => { - await page.goto(util.testUrl(__filename)); -}); - -test("the component has correct color contrast", async () => { - await expect('il-footer').toHaveColorContrast(); -}); diff --git a/src/il-footer/tests/paragraph.njk b/src/il-footer/tests/paragraph.njk deleted file mode 100644 index d23f4541..00000000 --- a/src/il-footer/tests/paragraph.njk +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: Footer (default view, paragraph) -group: "Components: Footer" -layout: layouts/page.njk ---- - - -
-

Animal Science

-

174 Bevier Hall, MC-000

-

905 S. Goodwin Ave

-

Urbana, IL 61801

-

217-333-3165

-

Email: ACES-ALEC@illinois.edu

-
- -
- -
- -
-

College of Agricultural, Consumer and Environmental Sciences

-

Grainger College of Engineering

-

College of Education

-
- - - -
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium massa id elit ultrices maximus. Vestibulum leo erat, accumsan vitae justo vel, vehicula bibendum enim. Duis mi nibh, interdum vitae est id, gravida suscipit nibh. Nam sodales mattis felis eget aliquet. Curabitur et enim metus. Maecenas auctor hendrerit lacinia. Curabitur vitae risus a velit euismod tincidunt et nec tellus. -Quisque et suscipit urna. Nullam pellentesque turpis a pharetra feugiat. In hac habitasse platea dictumst. Cras rutrum convallis ligula, eu malesuada ex maximus sit amet. Vestibulum vulputate mi nibh, vel facilisis augue pharetra at. Fusce tempor, velit ut pellentesque pretium, mi massa cursus elit, id fermentum orci metus at turpis. Nunc consequat fermentum varius.

-
- - \ No newline at end of file diff --git a/src/il-footer/tests/paragraph.vis.js b/src/il-footer/tests/paragraph.vis.js deleted file mode 100644 index 753c3a80..00000000 --- a/src/il-footer/tests/paragraph.vis.js +++ /dev/null @@ -1,12 +0,0 @@ -const util = require('../../tests.util'); - -const url = util.testUrl(__filename); - -module.exports = (viewports) => { - return [ - { - url, label: "footer-paragraph", - viewports: [viewports.desktop, viewports.iphone, viewports.hdtv] - } - ] -} \ No newline at end of file diff --git a/src/il-footer/tests/without-onetrust.html b/src/il-footer/tests/without-onetrust.html deleted file mode 100644 index 793d0f99..00000000 --- a/src/il-footer/tests/without-onetrust.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/src/il-header-toggle/il-header-toggle.component.js b/src/il-header-toggle/il-header-toggle.component.js deleted file mode 100644 index f97b2a92..00000000 --- a/src/il-header-toggle/il-header-toggle.component.js +++ /dev/null @@ -1,19 +0,0 @@ -import {LitElement, html, css} from 'lit'; - -class Toggle extends LitElement { - - handleButtonClick(evt) { - } - - render() { - return html` - - `; - } -} - -customElements.define('il-header-toggle', Toggle); diff --git a/src/il-header/header.func.js b/src/il-header/header.func.js deleted file mode 100644 index dafa3ced..00000000 --- a/src/il-header/header.func.js +++ /dev/null @@ -1,9 +0,0 @@ -const util = require('../../tests.util'); - -beforeEach(async () => { - await page.goto(util.testUrl(__filename)); -}); - -test("the component has correct color contrast", async () => { - await expect('il-header').toHaveColorContrast(); -}); diff --git a/src/il-header/header.vis.js b/src/il-header/header.vis.js deleted file mode 100644 index d0e784e2..00000000 --- a/src/il-header/header.vis.js +++ /dev/null @@ -1,26 +0,0 @@ -const util = require('../../tests.util'); - -const url = util.testUrl(__filename); - -module.exports = (viewports) => { - return [ - { - url, label: "header-default", - viewports: [viewports.desktop, viewports.iphone, viewports.hdtv] - }, - { - url, label: "header-default-link-hover", - viewports: [viewports.desktop], - onReady: async (page) => { - await page.hover('#link-1'); - } - }, - { - url, label: "header-default-link-focus", - viewports: [viewports.desktop], - onReady: async (page) => { - await util.moveFocus(page, '#link-1'); - } - }, - ] -} \ No newline at end of file diff --git a/src/il-header/il-header.component.js b/src/il-header/il-header.component.js deleted file mode 100644 index 23ce37f4..00000000 --- a/src/il-header/il-header.component.js +++ /dev/null @@ -1,177 +0,0 @@ -import {LitElement, html} from 'lit'; -import "../il-block-i/il-block-il.component"; -import styles from './il-header.styles'; -import './il-header.css'; - -class Header extends LitElement { - - static get properties() { - return { - compact: { type: Boolean, default: false, reflect: true }, - _collapsed: { type: Boolean, state: true } - } - } - - static get styles() { - return styles; - } - - // Lifecycle - - constructor() { - super(); - this.collapseBreakpoint = 990; - this.compact = false; - this._collapsed = false; - this.menuVisible = false; - this.handleToggleClick = this.handleToggleClick.bind(this); - } - - connectedCallback() { - super.connectedCallback(); - this.listenForResize(); - } - - updated(_changedProperties) { - super.updated(_changedProperties); - if (_changedProperties.has('compact')) { - this.dispatchEvent(new CustomEvent('compact', {detail: { compact: this.compact }})); - } - } - - // Getters/setters - - get collapsed() { - return this._collapsed; - } - - getToggle() { - return this.shadowRoot.querySelector('button'); - } - - handleResize() { - this.compact = !this.hasSpaceForFullSize(); - } - - handleToggleClick() { - this.toggleMenu(); - } - - hasSpaceForFullSize() { - return this.offsetWidth >= this.collapseBreakpoint - } - - isCompact() { - return this.compact; - } - - listenForResize() { - const observer = new ResizeObserver(this.handleResize.bind(this)); - observer.observe(this); - } - - toggleMenu() { - this.menuVisible = !this.menuVisible; - this.updateMenuVisibilityAttribute(); - } - - updateMenuVisibilityAttribute() { - this.setAttribute('data-il-menu-visible', this.menuVisible ? '1' : '0'); - } - - // Render - - render() { - return this.isCompact() ? this.renderCompact() : this.renderFull(); - } - - renderBranding() { - return html` -
- - - - - - University of Illinois Urbana-Champaign - - -
` - } - - renderMenuToggle() { - return html``; - } - - renderCompact() { - return html` - - ` - } - - renderFull() { - return html` - - ` - } -} - -customElements.define('il-header', Header); diff --git a/src/il-header/il-header.css b/src/il-header/il-header.css deleted file mode 100644 index 45d9dc63..00000000 --- a/src/il-header/il-header.css +++ /dev/null @@ -1,33 +0,0 @@ -il-header { - container-type: inline-size; - - .il-site-name { - all: initial; - color: var(--il-blue); - display: block; - font: 700 1.5em/1em var(--il-font-sans); - } - .il-primary-unit { - all: initial; - color: var(--il-blue); - display: block; - font: 400 1em/1em var(--il-font-sans); - } - .il-primary-unit + .il-site-name { - margin-top: .25em; - } - .il-site-name a, .il-primary-unit a { - all: inherit; - cursor: pointer; - - &:focus, &:hover { - color: var(--il-altgeld); - } - } -} - -@container (max-width: 549px) { - il-header .il-primary-unit { - display: none; - } -} diff --git a/src/il-header/il-header.spec.js b/src/il-header/il-header.spec.js deleted file mode 100644 index 3b0651f2..00000000 --- a/src/il-header/il-header.spec.js +++ /dev/null @@ -1,38 +0,0 @@ -import { test, expect } from '@playwright/test'; -const AxeBuilder = require('@axe-core/playwright').default; - -test.use({ viewport: { width: 1280, height: 1024 } }); - -test('collapses below 990px', async ({page}) => { - await page.setViewportSize({ width: 990, height: 800}); - await page.goto('components/il-header/tests/header.html'); - await expect(page.getByRole('button', { name: 'Menu' })).toBeHidden(); - await expect(page.getByTestId('search')).toBeVisible(); - - await page.setViewportSize({ width: 989, height: 800}); - await expect(page.getByRole('button', { name: 'Menu' })).toBeVisible(); - await expect(page.getByTestId('search')).toBeHidden(); -}); - -test('branding disappears below 550px', async ({page}) => { - await page.setViewportSize({ width: 550, height: 800}); - await page.goto('components/il-header/tests/header.html'); - await expect(page.getByText('University of Illinois Urbana-Champaign')).toBeVisible(); - await page.setViewportSize({ width: 549, height: 800}); - await expect(page.getByText('University of Illinois Urbana-Champaign')).toBeHidden(); -}); - -test('primary unit disappears below 550px', async ({page}) => { - await page.setViewportSize({ width: 550, height: 800}); - await page.goto('components/il-header/tests/header.html'); - await expect(page.getByText('College of Malkovich Malkovich')).toBeVisible(); - await page.setViewportSize({ width: 549, height: 800}); - await expect(page.getByText('College of Malkovich Malkovich')).toBeHidden(); -}); - -test('clicking the menu toggle shows the menu', async ({page}) => { - await page.setViewportSize({ width: 549, height: 800}); - await page.goto('components/il-header/tests/header.html'); - await page.getByRole('button', { name: 'Menu'}).click(); - await expect(page.getByTestId('search')).toBeVisible(); -}) \ No newline at end of file diff --git a/src/il-header/il-header.spec.js-snapshots/empty-1-chromium-darwin.png b/src/il-header/il-header.spec.js-snapshots/empty-1-chromium-darwin.png deleted file mode 100644 index f2ac0595..00000000 Binary files a/src/il-header/il-header.spec.js-snapshots/empty-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-header/il-header.spec.js-snapshots/empty-1-firefox-darwin.png b/src/il-header/il-header.spec.js-snapshots/empty-1-firefox-darwin.png deleted file mode 100644 index 8a41e64f..00000000 Binary files a/src/il-header/il-header.spec.js-snapshots/empty-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-header/il-header.spec.js-snapshots/empty-1-webkit-darwin.png b/src/il-header/il-header.spec.js-snapshots/empty-1-webkit-darwin.png deleted file mode 100644 index 30d6e91d..00000000 Binary files a/src/il-header/il-header.spec.js-snapshots/empty-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-header/il-header.spec.js-snapshots/links-only-1-chromium-darwin.png b/src/il-header/il-header.spec.js-snapshots/links-only-1-chromium-darwin.png deleted file mode 100644 index f9ba05b4..00000000 Binary files a/src/il-header/il-header.spec.js-snapshots/links-only-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-header/il-header.spec.js-snapshots/links-only-1-firefox-darwin.png b/src/il-header/il-header.spec.js-snapshots/links-only-1-firefox-darwin.png deleted file mode 100644 index b2572ec7..00000000 Binary files a/src/il-header/il-header.spec.js-snapshots/links-only-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-header/il-header.spec.js-snapshots/links-only-1-webkit-darwin.png b/src/il-header/il-header.spec.js-snapshots/links-only-1-webkit-darwin.png deleted file mode 100644 index f746f2f1..00000000 Binary files a/src/il-header/il-header.spec.js-snapshots/links-only-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-header/il-header.styles.js b/src/il-header/il-header.styles.js deleted file mode 100644 index 7f794c17..00000000 --- a/src/il-header/il-header.styles.js +++ /dev/null @@ -1,386 +0,0 @@ -import {css} from 'lit'; - -export default css` - :host { - display: block; - position: relative; - } - #header { - container-type: inline-size; - border-bottom: 2px solid var(--il-cloud-1); - } - #top-stripe { - position: relative; - height: .5em; - background-color: var(--il-orange); - } - #main { - position: relative; - } - - /* Uncollapsed */ - - #main .row { - clear: both; - position: relative; - } - #branding-and-eyebrow { - } - #branding { - float: left; - clear: left; - position: relative; - box-sizing: border-box; - min-height: 2.75em; - padding-left: 2.8em; - color: var(--il-blue); - } - #branding a { - text-decoration: none; - cursor: pointer; - color: inherit; - } - #branding a:focus, #branding a:hover { - color: var(--il-altgeld); - } - #block-i { - position: absolute; - left: -.656em; - top: -.5em; - display: block; - width: 2.8em; - height: 3.25em; - box-sizing: border-box; - background-color: var(--il-blue); - padding: .53em .656em - } - #block-i il-block-i { - width: 1.5em; - height: 2.19em; - --il-block-i--outline-color: white; - } - #wordmark { - top: 0; - display: block; - box-sizing: border-box; - font: 700 14px/1em var(--il-montserrat); - letter-spacing: 1.5px; - text-transform: uppercase; - flex: 1 1 auto; - padding: .5em .5em .5em 0; - } - #eyebrow { - flex: 1 1 0; - align-self: flex-end; - } - #identity-and-search { - padding: 1em 0; - display: flex; - flex-direction: row; - justify-content: space-between; - } - #identity { - } - - .content-container { - padding-left: 2em; - padding-right: 2em; - } - - #navigation { - background-color: var(--il-cloud-1); - } - - - /* Compact layout */ - - #header.compact #branding { - float: none; - } - #header.compact #identity-and-menu-toggle { - padding: 1em 0; - display: grid; - grid-template-columns: auto 6em; - grid-gap: 1em; - align-items: start; - } - @media (max-width: 480px) { - #header.compact #identity-and-menu-toggle { - grid-template-columns: auto 2em; - } - } - #header.compact #menu-toggle { - display: block; - container-type: inline-size; - } - - - /* Menu toggle button */ - - #menu-toggle button { - all: initial; - display: inline-block; - position: relative; - background-color: var(--il-blue); - box-sizing: border-box; - height: 2em; - width: 100%; - overflow: hidden; - border-radius: .25em; - text-align: center; - white-space: nowrap; - text-indent: 10em; - } - #menu-toggle button .label { - color: white; - font: 600 1em/2em var(--il-font-sans); - letter-spacing: .05em; - text-transform: uppercase; - } - .menu-icon-bar { - position: absolute; - top: calc(50% - .05em); - left: .5em; - display: block; - width: 1em; - height: .12em; - background-color: white; - transition: transform .2s, opacity .2s; - } - .menu-icon-bar--top { - transform: translateY(-.3em); - } - .menu-icon-bar--bottom { - transform: translateY(.3em); - } - :host(*[data-il-menu-visible="1"]) .menu-icon-bar--top { - transform: rotate(135deg); - } - :host(*[data-il-menu-visible="1"]) .menu-icon-bar--middle { - opacity: 0; - } - :host(*[data-il-menu-visible="1"]) .menu-icon-bar--bottom { - transform: rotate(-135deg); - } - @container (min-width: 6em) { - #menu-toggle button { - padding-left: 2em; - padding-right: .4em; - text-indent: 0; - } - .menu-icon-bar { - left: .6em; - } - } - - - - - - - /* Default styles */ - - - - - #menu-contents { - display: none; - } - :host(*[data-il-menu-visible="1"]) #menu-contents { - display: block; - } - - @container (max-width: 549px) { - #branding { - display: none; - } - #menu-contents { - position: relative; - width: 100%; - } - } - @container (min-width: 550px) { - #menu-contents { - position: absolute; - top: 100%; - right: 0; - width: 480px; - } - } - -`; - -const oldcss = css` -.header { - position: relative; - font-family: var(--il-font-sans); -} - -.campus { - text-transform: uppercase; -} - -.campus a:focus { - outline: none; - border: none; -} - -.campus svg { - fill: var(--il-blue); - transition: fill .3s; -} - -.campus a:focus svg, .campus a:hover svg { - fill: var(--il-altgeld); - outline: none; - border: none; -} - -.header--full .header__main-outer { - border-top: 7px solid var(--il-orange); - border-bottom: 2px solid var(--il-cloud-1); - background-color: white; - padding: 0 var(--il-content-margin); -} -.header--full .header__main-inner { - margin: 0 auto; - display: grid; - max-width: var(--il-content-max-width); - grid-template-columns: auto auto; - grid-template-rows: auto auto; - grid-template-areas: "campus links" "wordmark search"; - align-items: center; -} -.header--full .campus { - grid-area: campus; - justify-self: left; - padding: 10px 0px; -} -.header--full .links { - grid-area: links; - justify-self: right; - padding: 10px 0; -} -.header--full .wordmark { - grid-area: wordmark; - justify-self: stretch; - padding: 20px 0; -} -.header--full .search { - grid-area: search; - justify-self: right; - padding: 20px 0; -} -.header--full .navigation { - background-color: var(--il-cloud-1); - padding: 0 var(--il-content-margin); -} -.header--full .navigation__inner { - margin: 0 auto; - max-width: var(--il-content-max-width); -} - -.header--compact .header__main { - border-top: 7px solid var(--il-orange); - background-color: white; - padding: 5px var(--il-content-margin) 10px; - display: grid; - grid-template-columns: auto auto; - align-items: center; - border-bottom: 2px solid var(--il-cloud-1); -} -.header--compact.header--no-menu .header__main { - grid-template-columns: 1fr; -} -.header--compact .header__main .campus { - grid-column: 1 / span 2; -} -.header--compact .header__main .menu-button { - padding: 20px 0; - margin-left: 30px; - justify-self: flex-end; -} -.header--compact.header--no-menu .menu-button { - display: none; -} -.header--compact .menu-button button { - display: inline-block; - position: relative; - margin: 0; - padding: 0 20px 0 40px; - border: 0; - border-radius: 4px; - background-color: var(--il-alma-mater); - color: white; - font: 700 20px/44px var(--il-font-sans); - text-transform: uppercase; -} -.header--compact .menu-button button:focus, .header--compact .menu-button button:hover { - background-color: var(--il-orange); - outline: none; - border: none; -} -.header--compact.header--menu-visible .menu-button button { - background-color: var(--il-alma-mater-1); -} -.header--compact.header--menu-visible .menu-button button:focus, -.header--compact.header--menu-visible .menu-button button:hover { - background-color: var(--il-orange); -} -.header--compact .menu-button svg { - position: absolute; - left: 14px; - top: 13px; - display: block; - width: 16px; - height: 16px; - fill: currentcolor; -} -.header--compact .menu-button svg.menu-icon { - display: block; -} -.header--compact .menu-button svg.menu-close { - display: none; - left: 10px; - top: 10px; - width: 24px; - height: 24px; -} -.header--compact.header--menu-visible .menu-button svg.menu-icon { - display: none; -} -.header--compact.header--menu-visible .menu-button svg.menu-close { - display: block; -} -.header--compact .menu { - display: none; - width: 100%; - max-width: 500px; - position: absolute; - top: 100%; - right: 0; - box-shadow: -10px 10px 10px rgba(0, 0, 0, .25); - z-index: 5000; -} -.header--compact .menu .search { - background-color: white; - padding: 1em; -} -.header--compact .menu .navigation { - background-color: var(--il-cloud-1); -} -.header--compact.header--menu-visible .menu { - display: block; -} - -@media only screen and (max-width: 767px) { - .header--compact .header__main .campus { - display: none; - } - - .header--compact .header__main { - padding-top: 23px; - } -} - -`; \ No newline at end of file diff --git a/src/il-header/tests/empty.html b/src/il-header/tests/empty.html deleted file mode 100644 index f76de21d..00000000 --- a/src/il-header/tests/empty.html +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/src/il-header/tests/header.html b/src/il-header/tests/header.html deleted file mode 100644 index ba8a1b44..00000000 --- a/src/il-header/tests/header.html +++ /dev/null @@ -1,239 +0,0 @@ - - - - - - - - - - - - - -

College of Malkovich Malkovich

-

Department of Malkovich Malkovich

- - - - - - - - - - - - - -

Content after the header should be covered up by any dropdowns

\ No newline at end of file diff --git a/src/il-header/tests/identity-only.html b/src/il-header/tests/identity-only.html deleted file mode 100644 index 4a464d2c..00000000 --- a/src/il-header/tests/identity-only.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - -

Malkovich Malkovich Malkovich

- - \ No newline at end of file diff --git a/src/il-header/tests/links-only.html b/src/il-header/tests/links-only.html deleted file mode 100644 index 01a0e6c9..00000000 --- a/src/il-header/tests/links-only.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - - \ No newline at end of file diff --git a/src/il-header/tests/search-only.html b/src/il-header/tests/search-only.html deleted file mode 100644 index 84c4040b..00000000 --- a/src/il-header/tests/search-only.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - \ No newline at end of file diff --git a/src/il-hero/hero.css b/src/il-hero/hero.css deleted file mode 100644 index b6dbfaf8..00000000 --- a/src/il-hero/hero.css +++ /dev/null @@ -1,119 +0,0 @@ - -:root { - --il-hero-align-items: center; - --il-hero-background-color: var(--il-blue); - --il-hero-justify-content: center; - --il-hero-margin-left: auto; - --il-hero-margin-right: auto; - --il-hero-text-align: center; -} - -il-hero { - - img { - display: block; - position: relative; - width: 100%; - height: 223px; - object-fit: cover; - object-position: center; - - @media (min-width: 576px) { - height: 315px; - } - - @media (min-width: 767px) { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 101; - } - } - - h1 { - all: initial; - font: 700 36px/1em var(--il-font-sans); - color: white; - text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); - text-align: inherit; - - @media (min-width: 576px) { - font-size: 48px; - } - - @media (min-width: 768px) { - font-size: 64px; - } - - @media (min-width: 992px) { - font-size: 72px; - } - } - ul { - all: initial; - margin: 30px -32px -18px 0; - display: flex; - flex-direction: row; - flex-wrap: wrap; - - li { - all: initial; - margin: 0 32px 18px 0; - } - } - - /* Alignment */ - - &.il-align-left { - --il-hero-align-items: flex-start; - --il-hero-margin-left: 0; - --il-hero-margin-right: auto; - --il-hero-text-align: left; - } - - &.il-align-center { - --il-hero-align-items: center; - --il-hero-margin-left: auto; - --il-hero-margin-right: auto; - --il-hero-text-align: center; - } - - &.il-align-right { - --il-hero-align-items: flex-end; - --il-hero-margin-left: auto; - --il-hero-margin-right: 0; - --il-hero-text-align: right; - } - - &.il-align-top { - --il-hero-justify-content: flex-start; - } - - &.il-align-middle { - --il-hero-justify-content: center; - } - - &.il-align-bottom { - --il-hero-justify-content: flex-end; - } - - /* Themes */ - - &.il-theme-orange { - --il-hero-background-color: var(--il-orange); - - ul li a { - background-color: var(--il-blue); - color: white; - border-color: white; - - &:focus, &:hover { - background-color: white; - color: var(--il-blue); - border-color: var(--il-blue); - } - } - } -} diff --git a/src/il-hero/hero.spec.js b/src/il-hero/hero.spec.js deleted file mode 100644 index 691eaa99..00000000 --- a/src/il-hero/hero.spec.js +++ /dev/null @@ -1,30 +0,0 @@ -import { test, expect } from '@playwright/test'; -const AxeBuilder = require('@axe-core/playwright').default; - -test.describe('desktop', () => { - test.use({ viewport: { name: 'desktop', width: 1200, height: 800 } }); - test.beforeEach(async({page}) => { - await page.goto(`components/il-hero/tests/hero.html`); - }) - test(`screenshot`, async ({ page }) => { - await expect(page.getByTestId('component')).toHaveScreenshot(); - }) - test(`accessibility`, async({page}) => { - const results = await new AxeBuilder({ page }).withRules('color-contrast').analyze(); - expect(results.violations).toEqual([]); - }) -}) - -test.describe('mobile', () => { - test.use({ viewport: { name: 'phone', width: 600, height: 800 } }); - test.beforeEach(async({page}) => { - await page.goto(`components/il-hero/tests/hero.html`); - }) - test(`screenshot`, async ({ page }) => { - await expect(page.getByTestId('component')).toHaveScreenshot(); - }) - test(`accessibility`, async({page}) => { - const results = await new AxeBuilder({ page }).withRules('color-contrast').analyze(); - expect(results.violations).toEqual([]); - }) -}) diff --git a/src/il-hero/hero.styles.js b/src/il-hero/hero.styles.js deleted file mode 100644 index 34ff977d..00000000 --- a/src/il-hero/hero.styles.js +++ /dev/null @@ -1,108 +0,0 @@ -import { css } from 'lit'; - -export default css` - -.hero { - position: relative; - background-color: var(--il-hero-background-color); - color: white; -} - -/* DEPRECATED: alignment attribute */ -.hero[data-align-x="left"] { - --il-hero-margin-left: 0; - --il-hero-margin-right: auto; - --il-hero-align-items: flex-start; - --il-hero-text-align: left; -} -.hero[data-align-x="right"] { - --il-hero-margin-left: auto; - --il-hero-margin-right: 0; - --il-hero-align-items: flex-end; - --il-hero-text-align: right; -} -.hero[data-align-y="top"] { - --il-hero-justify-content: flex-start; -} -.hero[data-align-y="bottom"] { - --il-hero-justify-content: flex-end; -} - -/* DEPRECATED: color attribute */ - -.hero[data-color="orange"] { - --il-hero-background-color: var(--il-orange); -} - -.background { - position: relative; - width: 100%; -} -.content-container--level-1 { - padding-left: var(--il-content-margin); - padding-right: var(--il-content-margin); - position: relative; - z-index: 100; -} -.content-container--level-2 { - position: relative; - box-sizing: border-box; - width: 100%; - max-width: var(--il-content-max-width); - margin: 0 auto; -} -.content-container--level-3 { - padding: 18px 0 36px; -} - - -img { - display: block; - position: relative; - width: 100%; - height: 223px; - overflow: hidden; - object-fit: cover; - object-position: center; -} - -@media (min-width: 576px) { - .background img { - height: 315px; - } - .content { - padding: 36px 0 72px; - } -} -@media (min-width: 767px) { - .background { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 1; - } - .background img { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 101; - } - .content-container--level-3 { - display: flex; - flex-direction: column; - justify-content: var(--il-hero-justify-content); - align-items: var(--il-hero-align-items); - text-align: var(--il-hero-text-align); - width: 66%; - min-height: 417px; - margin-left: var(--il-hero-margin-left); - margin-right: var(--il-hero-margin-right); - padding: 60px 0 80px; - } -} - -`; \ No newline at end of file diff --git a/src/il-hero/il-hero.component.js b/src/il-hero/il-hero.component.js deleted file mode 100644 index 65c7ee45..00000000 --- a/src/il-hero/il-hero.component.js +++ /dev/null @@ -1,29 +0,0 @@ -import { LitElement, html } from 'lit'; -import styles from './hero.styles'; -import './hero.css'; - -class Hero extends LitElement { - - static get styles() { - return styles; - } - - render() { - return html` -
-
- -
-
-
-
- -
-
-
-
- `; - } -} - -customElements.define('il-hero', Hero); diff --git a/src/il-icon/il-icon.component.js b/src/il-icon/il-icon.component.js deleted file mode 100644 index 6849850a..00000000 --- a/src/il-icon/il-icon.component.js +++ /dev/null @@ -1,41 +0,0 @@ -import {LitElement, html, css} from 'lit'; - -class Icon extends LitElement { - - static get styles() { - return css` - :host { - display: inline-block; - font-size: 48px; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - letter-spacing: 0; - speak: none; - -webkit-font-feature-settings: "liga"; - -moz-font-feature-settings: "liga=1"; - -moz-font-feature-settings: "liga"; - -ms-font-feature-settings: "liga" 1; - font-feature-settings: "liga"; - -webkit-font-variant-ligatures: discretionary-ligatures; - font-variant-ligatures: discretionary-ligatures; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-rendering: optimizeLegibility; - font-family: var(--il-icons-solid); - } - ` - } - render() { - return html` - - `; - } -} - -customElements.define('il-icon', Icon); diff --git a/src/il-icon/il-icon.spec.js b/src/il-icon/il-icon.spec.js deleted file mode 100644 index 694230ad..00000000 --- a/src/il-icon/il-icon.spec.js +++ /dev/null @@ -1,30 +0,0 @@ -import { test, expect } from '@playwright/test'; - -const desktop = { width: 1280, height: 1024 }; -const mobile = { width: 375, height: 812 }; - -test.use({ viewport: { width: 1280, height: 1024 } }); - -test.describe('desktop', () => { - test.use({ viewport: desktop }); - test.describe(`base-test`, () => { - test.beforeEach(async({page}) => { - await page.goto(`components/il-icon/tests/icon.html`); - }); - test(`screenshot`, async ({ page }) => { - await expect(page.getByTestId('component')).toHaveScreenshot(); - }); - }) -}); - -test.describe('mobile', () => { - test.use({ viewport: mobile }); - test.describe(`base-test`, () => { - test.beforeEach(async({page}) => { - await page.goto(`components/il-icon/tests/icon.html`); - }); - test(`screenshot`, async ({ page }) => { - await expect(page.getByTestId('component')).toHaveScreenshot(); - }); - }) -}) \ No newline at end of file diff --git a/src/il-icon/il-icon.spec.js-snapshots/desktop-base-test-screenshot-1-chromium-win32.png b/src/il-icon/il-icon.spec.js-snapshots/desktop-base-test-screenshot-1-chromium-win32.png deleted file mode 100644 index 0caa03ca..00000000 Binary files a/src/il-icon/il-icon.spec.js-snapshots/desktop-base-test-screenshot-1-chromium-win32.png and /dev/null differ diff --git a/src/il-icon/il-icon.spec.js-snapshots/desktop-base-test-screenshot-1-firefox-win32.png b/src/il-icon/il-icon.spec.js-snapshots/desktop-base-test-screenshot-1-firefox-win32.png deleted file mode 100644 index 3c2c5c7c..00000000 Binary files a/src/il-icon/il-icon.spec.js-snapshots/desktop-base-test-screenshot-1-firefox-win32.png and /dev/null differ diff --git a/src/il-icon/il-icon.spec.js-snapshots/desktop-base-test-screenshot-1-webkit-win32.png b/src/il-icon/il-icon.spec.js-snapshots/desktop-base-test-screenshot-1-webkit-win32.png deleted file mode 100644 index 60ab3963..00000000 Binary files a/src/il-icon/il-icon.spec.js-snapshots/desktop-base-test-screenshot-1-webkit-win32.png and /dev/null differ diff --git a/src/il-icon/il-icon.spec.js-snapshots/mobile-base-test-screenshot-1-chromium-win32.png b/src/il-icon/il-icon.spec.js-snapshots/mobile-base-test-screenshot-1-chromium-win32.png deleted file mode 100644 index 0caa03ca..00000000 Binary files a/src/il-icon/il-icon.spec.js-snapshots/mobile-base-test-screenshot-1-chromium-win32.png and /dev/null differ diff --git a/src/il-icon/il-icon.spec.js-snapshots/mobile-base-test-screenshot-1-webkit-win32.png b/src/il-icon/il-icon.spec.js-snapshots/mobile-base-test-screenshot-1-webkit-win32.png deleted file mode 100644 index 60ab3963..00000000 Binary files a/src/il-icon/il-icon.spec.js-snapshots/mobile-base-test-screenshot-1-webkit-win32.png and /dev/null differ diff --git a/src/il-icon/tests/icon.html b/src/il-icon/tests/icon.html deleted file mode 100644 index 4a780081..00000000 --- a/src/il-icon/tests/icon.html +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - -faq - - - \ No newline at end of file diff --git a/src/il-nav-indicator/il-nav-indicator.component.js b/src/il-nav-indicator/il-nav-indicator.component.js deleted file mode 100644 index 9905b79f..00000000 --- a/src/il-nav-indicator/il-nav-indicator.component.js +++ /dev/null @@ -1,28 +0,0 @@ -import { LitElement, html, css } from 'lit'; -import styles from './il-nav-indicator.styles' -import './il-nav-indicator.css' - -class NavigationIndicator extends LitElement { - - static get styles() { - return styles; - } - - constructor() { - super(); - this.direction = 'right'; - } - - render() { - return html` -
- -
` - } -} - -customElements.define('il-nav-indicator', NavigationIndicator); diff --git a/src/il-nav-indicator/il-nav-indicator.css b/src/il-nav-indicator/il-nav-indicator.css deleted file mode 100644 index 3b0e7637..00000000 --- a/src/il-nav-indicator/il-nav-indicator.css +++ /dev/null @@ -1,6 +0,0 @@ -:root { - --il-nav-indicator--down: rotate(0deg); - --il-nav-indicator--up: rotate(180deg); - --il-nav-indicator--left: rotate(90deg); - --il-nav-indicator--right: rotate(-90deg); -} \ No newline at end of file diff --git a/src/il-nav-indicator/il-nav-indicator.styles.js b/src/il-nav-indicator/il-nav-indicator.styles.js deleted file mode 100644 index 0119770c..00000000 --- a/src/il-nav-indicator/il-nav-indicator.styles.js +++ /dev/null @@ -1,24 +0,0 @@ -import { css } from 'lit'; - -export default css` - :host { - display: inline-block; - position: relative; - width: 1em; - height: 1em; - } - #arrow { - position: relative; - width: 100%; - height: 100%; - overflow: hidden; - transform: var(--il-nav-indicator--arrow--transform, var(--il-nav-indicator--right)); - } - #arrow svg { - position: relative; - display: block; - width: 100%; - height: 100%; - fill: currentColor; - } -`; \ No newline at end of file diff --git a/src/il-nav-section/il-nav-section.component.js b/src/il-nav-section/il-nav-section.component.js deleted file mode 100644 index 3d7f23b4..00000000 --- a/src/il-nav-section/il-nav-section.component.js +++ /dev/null @@ -1,95 +0,0 @@ -import { LitElement, html, css } from 'lit'; -import styles from './il-nav-section.styles' -import "../il-nav-indicator/il-nav-indicator.component"; - -class NavigationSection extends LitElement { - - static get properties() { - return { - label: { type: String }, - _enabled: { state: true, type: Boolean, default: false }, - _expanded: { state: true, type: Boolean, default: false } - } - } - - static get styles() { - return styles; - } - - constructor() { - super(); - this.label = 'Expand'; - this._enabled = false; - this._expanded = false; - this.handleToggleClick = this.handleToggleClick.bind(this); - } - - handleToggleClick(evt) { - this.dispatchEvent(new CustomEvent('toggle')); - } - - get collapsed() { - return !this.expanded; - } - - get enabled() { - return this._enabled; - } - - get expanded() { - return this._expanded; - } - - collapse() { - this._expanded = false; - } - - disable() { - this._enabled = false; - } - - enable() { - this._enabled = true; - } - - expand() { - this._expanded = true; - } - - render() { - const size = this.expanded ? 'expanded' : 'collapsed'; - const enabled = this.enabled ? 'enabled' : 'disabled'; - const ariaExpanded = this.expanded ? 'true' : 'false'; - const ariaPressed = this.expanded ? 'true' : 'false'; - let toggle = html` -
- -
- `; - if (this.enabled) { - toggle = html` -
- - ${this.label} - - - - -
- `; - } - return html` -
- -
- -
-
- ` - } -} - -customElements.define('il-nav-section', NavigationSection); diff --git a/src/il-nav-section/il-nav-section.spec.js b/src/il-nav-section/il-nav-section.spec.js deleted file mode 100644 index 810b3086..00000000 --- a/src/il-nav-section/il-nav-section.spec.js +++ /dev/null @@ -1,109 +0,0 @@ -import { test, expect } from '@playwright/test'; -const AxeBuilder = require('@axe-core/playwright').default; - -// Without link - -test.skip('nav section without link', async ({page}) => { - await page.goto('components/il-nav-section/tests/without-link.html'); - await expect(page.getByTestId('nav-section')).toHaveScreenshot(); - const results = await new AxeBuilder({ page }) - .include('il-nav-section') - .analyze(); - expect(results.violations).toEqual([]); -}); - -test.skip('hover over button in nav section without link', async ({page}) => { - await page.goto('components/il-nav-section/tests/without-link.html'); - await page.getByRole('button').hover(); - await expect(page.getByTestId('nav-section')).toHaveScreenshot(); - const results = await new AxeBuilder({ page }) - .include('il-nav-section') - .analyze(); - expect(results.violations).toEqual([]); -}); - -test.skip('focus on button in nav section without link', async ({page}) => { - await page.goto('components/il-nav-section/tests/without-link.html'); - await page.getByRole('button').focus(); - await expect(page.getByTestId('nav-section')).toHaveScreenshot(); - const results = await new AxeBuilder({ page }) - .include('il-nav-section') - .analyze(); - expect(results.violations).toEqual([]); -}); - -test.skip('expand', async ({ page }) => { - await page.goto('components/il-nav-section/tests/without-link.html'); - await page.getByRole('button').click(); - await expect(page.locator('il-nav-section')).toHaveAttribute('expanded', ''); - await expect(page.locator('#container')).toHaveClass('expanded'); - await expect(page.getByRole('button')).toHaveAttribute('aria-expanded', 'true'); - const results = await new AxeBuilder({ page }) - .include('il-nav-section') - .analyze(); - expect(results.violations).toEqual([]); -}); - -test.skip('collapse', async ({ page }) => { - await page.goto('components/il-nav-section/tests/without-link.html'); - await page.getByRole('button').click(); - await page.getByRole('button').click(); - await expect(page.locator('il-nav-section')).not.toHaveAttribute('expanded', ''); - await expect(page.locator('#container')).toHaveClass('collapsed'); - await expect(page.getByRole('button')).toHaveAttribute('aria-expanded', 'false'); - const results = await new AxeBuilder({ page }) - .include('il-nav-section') - .analyze(); - expect(results.violations).toEqual([]); -}); - -// With link - -test.skip('nav section with link', async ({page}) => { - await page.goto('components/il-nav-section/tests/with-link.html'); - await expect(page.getByTestId('nav-section')).toHaveScreenshot(); - const results = await new AxeBuilder({ page }) - .include('il-nav-section') - .analyze(); - expect(results.violations).toEqual([]); -}); - -test.skip('hover over link in nav section', async ({page}) => { - await page.goto('components/il-nav-section/tests/with-link.html'); - await page.getByTestId('link').hover(); - await expect(page.getByTestId('nav-section')).toHaveScreenshot(); - const results = await new AxeBuilder({ page }) - .include('il-nav-section') - .analyze(); - expect(results.violations).toEqual([]); -}); - -test.skip('focus on link in nav section', async ({page}) => { - await page.goto('components/il-nav-section/tests/with-link.html'); - await page.getByTestId('link').focus(); - await expect(page.getByTestId('nav-section')).toHaveScreenshot(); - const results = await new AxeBuilder({ page }) - .include('il-nav-section') - .analyze(); - expect(results.violations).toEqual([]); -}); - -test.skip('hover over button in nav section with link', async ({page}) => { - await page.goto('components/il-nav-section/tests/with-link.html'); - await page.getByRole('button').hover(); - await expect(page.getByTestId('nav-section')).toHaveScreenshot(); - const results = await new AxeBuilder({ page }) - .include('il-nav-section') - .analyze(); - expect(results.violations).toEqual([]); -}); - -test.skip('focus on button in nav section with link', async ({page}) => { - await page.goto('components/il-nav-section/tests/with-link.html'); - await page.getByRole('button').focus(); - await expect(page.getByTestId('nav-section')).toHaveScreenshot(); - const results = await new AxeBuilder({ page }) - .include('il-nav-section') - .analyze(); - expect(results.violations).toEqual([]); -}); diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-with-link-1-chromium-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-with-link-1-chromium-darwin.png deleted file mode 100644 index ea80bc27..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-with-link-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-with-link-1-firefox-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-with-link-1-firefox-darwin.png deleted file mode 100644 index bf6910d2..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-with-link-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-with-link-1-webkit-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-with-link-1-webkit-darwin.png deleted file mode 100644 index 04c022f9..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-with-link-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-without-link-1-chromium-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-without-link-1-chromium-darwin.png deleted file mode 100644 index e4a1cff8..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-without-link-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-without-link-1-firefox-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-without-link-1-firefox-darwin.png deleted file mode 100644 index 39b9b504..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-without-link-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-without-link-1-webkit-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-without-link-1-webkit-darwin.png deleted file mode 100644 index ba791f75..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-button-in-nav-section-without-link-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-link-in-nav-section-1-chromium-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-link-in-nav-section-1-chromium-darwin.png deleted file mode 100644 index 1704f2de..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-link-in-nav-section-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-link-in-nav-section-1-firefox-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-link-in-nav-section-1-firefox-darwin.png deleted file mode 100644 index 81532961..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-link-in-nav-section-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-link-in-nav-section-1-webkit-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-link-in-nav-section-1-webkit-darwin.png deleted file mode 100644 index ca4c0587..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/focus-on-link-in-nav-section-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-with-link-1-chromium-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-with-link-1-chromium-darwin.png deleted file mode 100644 index ea80bc27..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-with-link-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-with-link-1-firefox-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-with-link-1-firefox-darwin.png deleted file mode 100644 index bf6910d2..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-with-link-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-with-link-1-webkit-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-with-link-1-webkit-darwin.png deleted file mode 100644 index 04c022f9..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-with-link-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-without-link-1-chromium-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-without-link-1-chromium-darwin.png deleted file mode 100644 index e4a1cff8..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-without-link-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-without-link-1-firefox-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-without-link-1-firefox-darwin.png deleted file mode 100644 index 39b9b504..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-without-link-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-without-link-1-webkit-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-without-link-1-webkit-darwin.png deleted file mode 100644 index ba791f75..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-button-in-nav-section-without-link-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-link-in-nav-section-1-chromium-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-link-in-nav-section-1-chromium-darwin.png deleted file mode 100644 index 1704f2de..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-link-in-nav-section-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-link-in-nav-section-1-firefox-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-link-in-nav-section-1-firefox-darwin.png deleted file mode 100644 index 81532961..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-link-in-nav-section-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-link-in-nav-section-1-webkit-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-link-in-nav-section-1-webkit-darwin.png deleted file mode 100644 index ca4c0587..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/hover-over-link-in-nav-section-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-with-link-1-chromium-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-with-link-1-chromium-darwin.png deleted file mode 100644 index 5082fc27..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-with-link-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-with-link-1-firefox-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-with-link-1-firefox-darwin.png deleted file mode 100644 index 693654ec..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-with-link-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-with-link-1-webkit-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-with-link-1-webkit-darwin.png deleted file mode 100644 index bbdcf578..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-with-link-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-without-link-1-chromium-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-without-link-1-chromium-darwin.png deleted file mode 100644 index 5082fc27..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-without-link-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-without-link-1-firefox-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-without-link-1-firefox-darwin.png deleted file mode 100644 index 693654ec..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-without-link-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-without-link-1-webkit-darwin.png b/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-without-link-1-webkit-darwin.png deleted file mode 100644 index c5e6827b..00000000 Binary files a/src/il-nav-section/il-nav-section.spec.js-snapshots/nav-section-without-link-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-nav-section/il-nav-section.styles.js b/src/il-nav-section/il-nav-section.styles.js deleted file mode 100644 index 45209724..00000000 --- a/src/il-nav-section/il-nav-section.styles.js +++ /dev/null @@ -1,81 +0,0 @@ -import { css } from 'lit'; - -export default css` - :host { - position: relative; - display: block; - } - - #container { - position: relative; - display: block; - } - - #header { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: stretch; - } - - #toggle { - all: initial; - display: flex; - flex: 1 1 0; - flex-direction: row; - justify-content: space-between; - align-items: stretch; - background-color: var(--il-nav-section--header--button--background-color); - color: var(--il-nav-section--header--button--color); - cursor: pointer; - pointer-events: var(--il-nav-section--header--button--pointer-events, all); - } - #toggle:hover, #toggle:focus { - background-color: var(--il-nav-section--header--button--focus--background-color); - color: var(--il-nav-section--header--button--focus--color); - } - #toggle .placeholder { - position: absolute; - left: -99vw; - top: 0; - width: 1px; - height: 1px; - overflow: hidden; - text-indent: 99vw; - white-space: nowrap; - } - #indicator { - box-sizing: border-box; - flex: 0 0 0; - display: flex; - justify-content: center; - align-items: center; - padding-top: var(--il-nav--item--padding-top); - padding-right: var(--il-nav--item--padding-right); - padding-bottom: var(--il-nav--item--padding-bottom); - padding-left: var(--il-nav--item--indicator--padding-left); - } - il-nav-indicator { - display: var(--il-nav-section--indicator--display, block); - position: relative; - } - - #content { - display: var(--il-nav-section--content--display, none); - pointer-events: var(--il-nav-section--content--pointer-events, none); - z-index: 100; - background-color: var(--il-nav-section--content--background-color, transparent); - left: var(--il-nav-section--content--left, 0); - margin: var(--il-nav-section--content--margin, 0); - padding: var(--il-nav-section--content--padding, 0); - position: var(--il-nav-section--content--position, relative); - top: var(--il-nav-section--content--top, 0); - width: var(--il-nav-section--content--width, 100%); - } - .expanded #content { - display: block; - pointer-events: all; - } - - -` \ No newline at end of file diff --git a/src/il-nav-section/tests/second-level-without-link-expanded.html b/src/il-nav-section/tests/second-level-without-link-expanded.html deleted file mode 100644 index e9419d48..00000000 --- a/src/il-nav-section/tests/second-level-without-link-expanded.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - About Us - - - diff --git a/src/il-nav-section/tests/second-level-without-link.html b/src/il-nav-section/tests/second-level-without-link.html deleted file mode 100644 index 12a84ee4..00000000 --- a/src/il-nav-section/tests/second-level-without-link.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - About Us - - - diff --git a/src/il-nav-section/tests/six-levels.html b/src/il-nav-section/tests/six-levels.html deleted file mode 100644 index 2dbd1f00..00000000 --- a/src/il-nav-section/tests/six-levels.html +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - - About Us - - \ No newline at end of file diff --git a/src/il-nav-section/tests/top-level-with-link-expanded.html b/src/il-nav-section/tests/top-level-with-link-expanded.html deleted file mode 100644 index e168d690..00000000 --- a/src/il-nav-section/tests/top-level-with-link-expanded.html +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - - - - About Us - - - diff --git a/src/il-nav-section/tests/top-level-with-link.html b/src/il-nav-section/tests/top-level-with-link.html deleted file mode 100644 index 15637b06..00000000 --- a/src/il-nav-section/tests/top-level-with-link.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - About Us - - - diff --git a/src/il-nav-section/tests/top-level-without-link.html b/src/il-nav-section/tests/top-level-without-link.html deleted file mode 100644 index 73db4567..00000000 --- a/src/il-nav-section/tests/top-level-without-link.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - About Us - - - diff --git a/src/il-nav-section/tests/two-levels-expanded.html b/src/il-nav-section/tests/two-levels-expanded.html deleted file mode 100644 index 30afe24b..00000000 --- a/src/il-nav-section/tests/two-levels-expanded.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - Resources - - \ No newline at end of file diff --git a/src/il-nav-section/tests/with-link.html b/src/il-nav-section/tests/with-link.html deleted file mode 100644 index eb6348be..00000000 --- a/src/il-nav-section/tests/with-link.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - About Us - - - diff --git a/src/il-nav-section/tests/without-link.html b/src/il-nav-section/tests/without-link.html deleted file mode 100644 index 29026b57..00000000 --- a/src/il-nav-section/tests/without-link.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - About Us - - - diff --git a/src/il-page-title/il-page-title.component.js b/src/il-page-title/il-page-title.component.js deleted file mode 100644 index 8c2e9fb2..00000000 --- a/src/il-page-title/il-page-title.component.js +++ /dev/null @@ -1,32 +0,0 @@ -import { LitElement, html } from 'lit'; -import Debugger from '../../js/debug'; -import styles from './il-page-title.styles'; -import "./il-page-title.css"; - -class PageTitle extends LitElement { - - static get styles() { - return styles; - } - - constructor() { - super(); - } - - render() { - return html` -
-
- -
-
-
- -
-
-
- `; - } -} - -customElements.define('il-page-title', PageTitle); diff --git a/src/il-page-title/il-page-title.css b/src/il-page-title/il-page-title.css deleted file mode 100644 index ed5c6e65..00000000 --- a/src/il-page-title/il-page-title.css +++ /dev/null @@ -1,40 +0,0 @@ - -il-page-title { - --il-page-title-text-color: white; - --il-page-title-background-color: var(--il-blue); - - &.il-theme-blue { - --il-page-title-text-color: white; - --il-page-title-background-color: var(--il-blue); - } - - &.il-theme-orange { - --il-page-title-text-color: white; - --il-page-title-background-color: var(--il-orange); - } - - &.il-theme-white { - --il-page-title-text-color: var(--il-blue); - --il-page-title-background-color: white; - } - - h1 { - font-size: 1em; - font-weight: inherit; - font-family: inherit; - text-align: left; - margin: 0; - padding: 0; - color: inherit; - } - img { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - overflow: hidden; - object-fit: cover; - object-position: center; - } -} \ No newline at end of file diff --git a/src/il-page-title/il-page-title.styles.js b/src/il-page-title/il-page-title.styles.js deleted file mode 100644 index f93d6aa6..00000000 --- a/src/il-page-title/il-page-title.styles.js +++ /dev/null @@ -1,64 +0,0 @@ -import { css } from 'lit'; - -export default css` -.page-title { - box-sizing: border-box; - position: relative; - width: 100%; - overflow: hidden; - padding-top: 0; - padding-bottom: 0; - padding-left: var(--il-page--padding-left); - padding-right: var(--il-page--padding-right); -} -.background { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1; -} -.inner { - box-sizing: border-box; - position: relative; - width: 100%; - min-height: 12.5rem; - margin: 0 auto; - padding-top: 16px; - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-start; -} -.text { - box-sizing: border-box; - position: relative; - z-index: 100; - color: var(--il-page-title-text-color); - text-align: left; - font: 700 2.5em var(--il-font-sans); - padding: 16px 14px 20px; -} -@media (max-width: 800px) { - .text { - font-size: 2em; - } -} -@media (max-width: 600px) { - .text { - font-size: 1.5em; - } -} -.text::after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - background-color: var(--il-page-title-background-color); - opacity: .85; -} -`; \ No newline at end of file diff --git a/src/il-page-title/il-page.wcag.yml b/src/il-page-title/il-page.wcag.yml deleted file mode 100644 index 7fbf2047..00000000 --- a/src/il-page-title/il-page.wcag.yml +++ /dev/null @@ -1,2 +0,0 @@ -- criteria: 1.4.3 - techniques: [G18, G145] \ No newline at end of file diff --git a/src/il-page-title/tests/in-page.html b/src/il-page-title/tests/in-page.html deleted file mode 100644 index 23ec4e96..00000000 --- a/src/il-page-title/tests/in-page.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - -

Page Title

- - diff --git a/src/il-page-title/tests/page-title.html b/src/il-page-title/tests/page-title.html deleted file mode 100644 index 192e0487..00000000 --- a/src/il-page-title/tests/page-title.html +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - -

Page Title

- - - - -

Page Title that is Super Duper Looonnnngggg

- - - - -

Student-led venture Nephra named one of the most disruptive business school startups of 2021 by Poets & Quants

- diff --git a/src/il-page-title/tests/page-title.jpg b/src/il-page-title/tests/page-title.jpg deleted file mode 100644 index 9df47e93..00000000 Binary files a/src/il-page-title/tests/page-title.jpg and /dev/null differ diff --git a/src/il-panel/il-accordion-panel.component.js b/src/il-panel/il-accordion-panel.component.js deleted file mode 100644 index 82bc9ce1..00000000 --- a/src/il-panel/il-accordion-panel.component.js +++ /dev/null @@ -1,60 +0,0 @@ -import { LitElement, html } from 'lit'; -import '../il-nav-indicator/il-nav-indicator.component'; -import styles from './il-accordion-panel.styles'; - -class AccordionPanel extends LitElement { - - static get properties() { - return { - _expanded: { state: true, type: Boolean, default: false } - }; - } - - static get styles() { - return styles; - } - - constructor() { - super(); - this._expanded = false; - this.handleHeaderClick = this.handleHeaderClick.bind(this); - } - - handleHeaderClick(evt) { - this.dispatchEvent(new CustomEvent('toggle')); - } - - get expanded() { - return this._expanded; - } - - collapse() { - this._expanded = false; - } - - expand() { - this._expanded = true; - } - - render() { - const state = this.expanded ? 'expanded' : 'collapsed'; - const ariaExpanded = this.expanded ? 'true' : 'false'; - return html` -
- -
- -
-
- `; - } -} - -customElements.define('il-accordion-panel', AccordionPanel); \ No newline at end of file diff --git a/src/il-panel/il-accordion-panel.styles.js b/src/il-panel/il-accordion-panel.styles.js deleted file mode 100644 index 8acb45e5..00000000 --- a/src/il-panel/il-accordion-panel.styles.js +++ /dev/null @@ -1,88 +0,0 @@ -import { css } from 'lit'; - -export default css` - :host { - display: block; - } - - #panel { - max-width: var(--il-content--max-width, none); - margin: 0 auto; - padding-bottom: 1px; - background-color: var(--il-content--background, white); - } - - #header { - display: flex; - flex-direction: row; - gap: 10px; - justify-content: flex-start; - align-items: center; - background-color: var(--il-content--background, var(--il-gray-1)); - color: var(--il-content--color, var(--il-blue)); - padding: 30px 0 30px 20px; - cursor: pointer; - } - #header:focus, #header:hover { - background-color: var(--il-accordion-panel--focus--background, var(--il-cloud-2)); - } - #header ::slotted(*) { - all: initial; - color: inherit; - font: 500 1.4rem/1em var(--il-source-sans); - } - #indicator { - display: block; - position: relative; - top: .15em; - font-size: 1.2em; - } - .expanded #indicator { - --il-nav-indicator--arrow--transform: var(--il-nav-indicator--down); - } - - #content { - display: none; - } - .expanded #content { - display: block; - padding-left: 50px; - background: var(--il-content--background); - } - - - button { - font-size: 1.4rem; - font-weight: 500; - font-family: var(--il-source-sans); - padding: var(--il-details-padding); - background: var(--il-content--background, var(--il-gray-1)); - color: var(--il-content--color, var(--il-blue)); - width: 100%; - text-align: left; - border: none; - display: flex; - align-items: center; - } - - button:focus, button:hover { - background: var(--il-accordion-panel--focus--background, var(--il-cloud-2)); - } - - button span { - width: 18px; - height: 18px; - display: inline-block; - margin-right: 10px; - transform: rotate(-90deg); - } - - button[aria-expanded=true] span { - transform: rotate(0deg); - } - - .panel { - margin-left: 40px; - padding-bottom: 20px; - } -`; diff --git a/src/il-panel/tests/panel.vis.js b/src/il-panel/tests/panel.vis.js deleted file mode 100644 index 94b752fe..00000000 --- a/src/il-panel/tests/panel.vis.js +++ /dev/null @@ -1,13 +0,0 @@ -const util = require('../../tests.util'); - -const url = util.testUrl(__filename); - -module.exports = (viewports) => { - return [ - { - url, label: 'accordion-panel', - caption: 'Accordion planel', - viewports: [viewports.desktop, viewports.iphone, viewports.hdtv] - } - ]; -} \ No newline at end of file diff --git a/src/il-profile/directory/card.component.js b/src/il-profile/directory/card.component.js deleted file mode 100644 index 09ff72d2..00000000 --- a/src/il-profile/directory/card.component.js +++ /dev/null @@ -1,20 +0,0 @@ -import { LitElement, html } from 'lit'; -import styles from './card.css'; -import "./directory.scss"; - -class ProfileCard extends LitElement { - - static get styles() { - return styles; - } - - render() { - return html` -
- -
- `; - } -} - -customElements.define('il-profile-card', ProfileCard); diff --git a/src/il-profile/directory/card.css.js b/src/il-profile/directory/card.css.js deleted file mode 100644 index 5c08813f..00000000 --- a/src/il-profile/directory/card.css.js +++ /dev/null @@ -1,9 +0,0 @@ -import { css } from 'lit'; - -export default css` - :host { - display: block; - } - article { - } -`; diff --git a/src/il-profile/directory/card.html b/src/il-profile/directory/card.html deleted file mode 100644 index 7c1c2c97..00000000 --- a/src/il-profile/directory/card.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - - -

Sheeba Rani Arnold Anteraper

- -

Director of Clinical Imaging Research Stephens Family Clinical Research Institute Carle Foundation Hospital

- -

Very Very Very Long Department Name

- -

000-000-0000

- -

WWWWWWWWWW@illinois.edu

- - - - \ No newline at end of file diff --git a/src/il-profile/directory/directory.css b/src/il-profile/directory/directory.css deleted file mode 100644 index 2870264a..00000000 --- a/src/il-profile/directory/directory.css +++ /dev/null @@ -1,182 +0,0 @@ - -:root { - --il-profile-page-name-font-size: 50px; -} -il-profile { - text-align: left; - font: 1em/1.5 var(--il-font-sans); - - section { - margin: 0 0 40px; - padding: 0; - - &:last-child { - margin-bottom: 0; - } - } - - h2 { - all: initial; - margin: 2em 0 1em; - color: var(--il-blue); - text-align: left; - font: 600 2em/1.2 var(--il-font-sans); - letter-spacing: 0; - - &:first-child { - margin-top: 0; - } - } - - a { - color: var(--il-blue); - } - - section[slot="primary"] { - position: relative; - margin-bottom: 0; - padding-bottom: 20px; - font-size: 1.5rem; - - &:after { - content: ""; - position: absolute; - left: 0; - bottom: 0; - width: 60px; - height: 6px; - background-color: var(--il-orange); - } - - h1 { - all: initial; - text-align: left; - font-weight: 700; - font-size: var(--il-profile-page-name-font-size); - line-height: 1.25; - font-family: var(--il-font-sans); - color: var(--il-orange); - } - - p { - all: initial; - margin: 1em 0 0; - font: 600 1em/1.25 var(--il-font-sans); - letter-spacing: 0; - color: var(--il-blue); - } - - .il-contact-department { - font-weight: 700; - font-style: italic; - } - } - - section[slot="contact"] { - display: block; - border-bottom: 6px solid var(--il-orange); - box-shadow: -2px 3px 6px rgba(0, 0, 0, .5); - margin-bottom: 0; - padding: 1.33em 1.33em 2.66em; - font-size: 1.125rem; - letter-spacing: 1px; - color: #0C1B55; - - h2 { - all: initial; - margin: 0 0 .5em; - color: var(--il-blue); - text-align: left; - font: 600 2em/1.2 var(--il-font-sans); - letter-spacing: 0; - } - - div { - margin-bottom: 1.5em; - - &:last-child { - margin-bottom: 0; - } - } - - p { - all: initial; - font-size: 1em; - } - - img { - margin: 0 -1.33em 1.33em; - display: block; - overflow: hidden; - max-width: calc(100% + 2.66em); - - &:first-child { - margin-top: -1.5em; - } - } - } - - section:not([slot]) { - &.il-directory-publications { - ul { - all: initial; - } - li { - all: initial; - padding-left: 2em; - text-indent: -2em; - } - } - } -} -il-profile-card { - box-sizing: border-box; - position: relative; - border-bottom: 6px solid var(--il-orange); - box-shadow: -2px 3px 6px rgba(0, 0, 0, .5); - padding: 12px; - font: 400 1.125rem/1.5 var(--il-font-sans); - - h2 { - all: initial; - font: 700 1em var(--il-font-sans); - color: var(--il-blue); - } - - p { - margin: .5em 0 0; - padding: 0; - } - - .il-contact-department { - font-weight: 300; - font-style: italic; - } - - .il-contact-phone, .il-contact-email { - font-weight: 300; - } - - .il-contact-phone + .il-contact-email { - margin-top: 0; - } - - a { - color: var(--il-blue); - text-decoration: underline; - - &:hover, &:focus { - color: var(--il-altgeld); - } - } - - img { - display: block; - margin: 1em -12px; - max-width: calc(100% + 24px); - - &:first-child { - margin-top: -12px; - } - } -} \ No newline at end of file diff --git a/src/il-profile/directory/profile-card-large.func.js b/src/il-profile/directory/profile-card-large.func.js deleted file mode 100644 index 65b30771..00000000 --- a/src/il-profile/directory/profile-card-large.func.js +++ /dev/null @@ -1,21 +0,0 @@ -const util = require('../../tests.util'); -const a11y = require('../../_lib/a11y'); -const nav = require("../../components/navigation/nav.util"); - -beforeEach(async () => { - await page.goto(util.testUrl(__filename)); -}); - -test("the profile card is accessible", async () => { - await expect('il-profile-card').toHaveColorContrast(); -}); - -test("the profile card link hover color is accessible", async () => { - await page.hover('.il-contact-email a'); - await expect('il-profile-card').toHaveColorContrast(); -}); - -test("the profile card link focus color is accessible", async () => { - await util.moveFocus(page, '.il-contact-email a'); - await expect('il-profile-card').toHaveColorContrast(); -}); diff --git a/src/il-profile/directory/profile-page.func.js b/src/il-profile/directory/profile-page.func.js deleted file mode 100644 index 4c2476b1..00000000 --- a/src/il-profile/directory/profile-page.func.js +++ /dev/null @@ -1,9 +0,0 @@ -const util = require('../../tests.util'); - -beforeEach(async () => { - await page.goto(util.testUrl(__filename)); -}); - -test("the component has correct color contrast", async () => { - await expect('il-profile').toHaveColorContrast(); -}); diff --git a/src/il-profile/directory/test-assets/jonas-kakaroto-mjRwhvqEC0U-unsplash.jpg b/src/il-profile/directory/test-assets/jonas-kakaroto-mjRwhvqEC0U-unsplash.jpg deleted file mode 100644 index 4f805f4b..00000000 Binary files a/src/il-profile/directory/test-assets/jonas-kakaroto-mjRwhvqEC0U-unsplash.jpg and /dev/null differ diff --git a/src/il-profile/il-profile.component.js b/src/il-profile/il-profile.component.js deleted file mode 100644 index 8fa64e01..00000000 --- a/src/il-profile/il-profile.component.js +++ /dev/null @@ -1,31 +0,0 @@ -import { LitElement, html } from 'lit'; -import styles from './il-profile.styles'; -import "./il-profile.css"; - -class Profile extends LitElement { - - static get styles() { - return styles; - } - - render() { - return html` -
-
- -
-
- -
-
- -
-
- -
-
- `; - } -} - -customElements.define('il-profile', Profile); diff --git a/src/il-profile/il-profile.css b/src/il-profile/il-profile.css deleted file mode 100644 index 9ea37a03..00000000 --- a/src/il-profile/il-profile.css +++ /dev/null @@ -1,194 +0,0 @@ - -:root { - --il-profile-page-name-font-size: 50px; -} - -il-profile { - text-align: left; - font: 1em/1.5 var(--il-font-sans); - overflow: hidden; - - img { - display: block; - max-width: 100%; - } - - section { - margin: 0 0 40px; - padding: 0; - - &:last-child { - margin-bottom: 0; - } - } - - h2 { - all: initial; - margin: 2em 0 1em; - color: var(--il-blue); - text-align: left; - font: 600 2em/1.2 var(--il-font-sans); - letter-spacing: 0; - - &:first-child { - margin-top: 0; - } - } - - a { - color: var(--il-blue); - } - - section[slot="primary"] { - position: relative; - margin-bottom: 0; - padding-bottom: 20px; - font-size: 1.5rem; - - &:after { - content: ""; - position: absolute; - left: 0; - bottom: 0; - width: 60px; - height: 6px; - background-color: var(--il-orange); - } - - h1 { - all: initial; - text-align: left; - font-weight: 700; - font-size: var(--il-profile-page-name-font-size); - line-height: 1.25; - font-family: var(--il-font-sans); - color: var(--il-orange); - } - - p { - all: initial; - margin: 1em 0 0; - font: 600 1em/1.25 var(--il-font-sans); - letter-spacing: 0; - color: var(--il-blue); - } - - .il-contact-department { - font-weight: 700; - font-style: italic; - } - } - - section[slot="contact"] { - display: block; - border-bottom: 6px solid var(--il-orange); - box-shadow: -2px 3px 6px rgba(0, 0, 0, .5); - margin-bottom: 0; - padding: 1.33em 1.33em 2.66em; - font-size: 1.125rem; - letter-spacing: 1px; - color: #0C1B55; - - h2 { - all: initial; - margin: 0 0 .5em; - color: var(--il-blue); - text-align: left; - font: 600 2em/1.2 var(--il-font-sans); - letter-spacing: 0; - } - - div { - margin-bottom: 1.5em; - - &:last-child { - margin-bottom: 0; - } - } - - p { - all: initial; - font-size: 1em; - } - - img { - margin: 0 -1.33em 1.33em; - display: block; - overflow: hidden; - max-width: calc(100% + 2.66em); - - &:first-child { - margin-top: -1.5em; - } - } - } - - section:not([slot]) { - &.il-directory-publications { - ul { - all: initial; - } - li { - all: initial; - padding-left: 2em; - text-indent: -2em; - } - } - } -} - -@container (max-width: 600px) { - - il-profile { - box-sizing: border-box; - position: relative; - border-bottom: 6px solid var(--il-orange); - box-shadow: -2px 3px 6px rgba(0, 0, 0, .5); - padding: 12px; - font: 400 1.125rem/1.5 var(--il-font-sans); - - h2 { - all: initial; - font: 700 1em var(--il-font-sans); - color: var(--il-blue); - } - - p { - margin: .5em 0 0; - padding: 0; - } - - .il-contact-department { - font-weight: 300; - font-style: italic; - } - - .il-contact-phone, .il-contact-email { - font-weight: 300; - } - - .il-contact-phone + .il-contact-email { - margin-top: 0; - } - - a { - color: var(--il-blue); - text-decoration: underline; - - &:hover, &:focus { - color: var(--il-altgeld); - } - } - - img { - display: block; - margin: 1em -12px; - max-width: calc(100% + 24px); - - &:first-child { - margin-top: -12px; - } - } - } -} - diff --git a/src/il-profile/il-profile.styles.js b/src/il-profile/il-profile.styles.js deleted file mode 100644 index 513a9f7f..00000000 --- a/src/il-profile/il-profile.styles.js +++ /dev/null @@ -1,40 +0,0 @@ -import { css } from 'lit'; - -export default css``; - -const oldcss = css` - :host { - display: block; - } - article { - display: flex; - flex-direction: column; - gap: 40px; - } - .primary { - grid-area: primary; - } - .contact { - grid-area: contact; - } - .additional { - grid-area: additional; - } - @media (min-width: 600px) { - article { - --il-profile-page-name-font-size: 50px; - display: grid; - grid-template-columns: auto 300px; - grid-gap: 40px; - grid-template-areas: "primary primary" "additional contact"; - } - } - @media (min-width: 960px) { - article { - max-width: 1140px; - grid-template-columns: auto 400px; - grid-gap: 40px; - grid-template-areas: "primary contact" "additional contact"; - } - } -`; diff --git a/src/il-profile/profile.html b/src/il-profile/profile.html deleted file mode 100644 index 6793a352..00000000 --- a/src/il-profile/profile.html +++ /dev/null @@ -1,84 +0,0 @@ - - - - - -
- -

Sheeba Rani Arnold Anteraper

- -

Director of Clinical Imaging Research Stephens Family Clinical Research Institute Carle Foundation Hospital

- -

Very Very Very Long Department Name

- -
- -
- - - -

Contact Information

- -
- -
-

239 Bevier Hall

-

905 S Goodwin Ave

-

Urbana 61801

-
- -

000-000-0000

- -

WWWWWWWWWW@illinois.edu

- -

Illinois Experts

- -
- -
- -

Information Title

- -

Earth is unique in our solar system having a bimodal distribution of crust: a basaltic oceanic crust and a more silicic continental crust. The buoyant continental crust, not found on planets of similar bulk composition (Mars, Venus), floats above the oceanic crust, providing an important aspect to plate tectonics and leading to the development of complex life on Earth. How this silicic crust form is not well understood but its clear that many of the chemical signatures of CC can be tied to the origin of convergent margin granitoids.

- -

Over the past 5 years, our group has produced a number of papers which lead to a very different view of how convergent margin plutons like the Tuolumne Intrusive Suite (shown above) form. First, we performed laboratory experiments in which we placed andesite with 4 wt. % water into a large temperature gradient (950 down to 350°C in a 2 cm long capsule) at upper crustal pressures for 2 months; in a major discovery, granite formed at temperatures below 400°C (Huang et al. GCA 2009). By connecting this result to models of plutons forming incrementally, Lundstrom (GCA 2009) then hypothesized that plutons formed top down by a process termed thermal migration zone refining with a directly testable aspect related to isotopic signatures formed by temperature gradients (see Huang et al. Nature 2010, Lacks et al Phys Rev Lett 2012). Indeed further work has documented the incredible unrealized behavior of water dissolved in magma in a temperature gradient (Bindeman et al. EPSL 2013). Our most recent work has been testing for isotopic signatures in natural differentiation suites; Zambardi et al. (EPSL 2014) provide changes in Fe and Si isotope ratios consistent with a temperature gradient based differentiation process.

- -

Future work seeks to understand the enigmatic relationship between granitoids and silicic volcanic rocks. Until we understand the origin of silicic magmas in general, our ability to predict how silicic volcanoes erupt is severely hampered. If you are passionate about solving geological problems through geochemistry, we welcome your application to our graduate program!

- -
- -
- -

Information Title

- - - -
- -
- -

Publications/Awards/Courses

- - - -
- -
- -

Information Title

- -

Dr. Kramer is advancing the understanding of the relationship between the division of work and care in families, and career and family outcomes of individuals. She investigates how policies such as paid and unpaid parental leave affect the division of care between parents, future career outcomes of mothers and fathers, and the health and well-being of families.

- -
- - diff --git a/src/il-quote/il-quote.component.js b/src/il-quote/il-quote.component.js deleted file mode 100644 index c505d06e..00000000 --- a/src/il-quote/il-quote.component.js +++ /dev/null @@ -1,21 +0,0 @@ -import {LitElement, html, css} from 'lit'; -import styles from "./il-quote.styles"; -import "./il-quote.css"; - -class Quote extends LitElement { - - static get styles() { - return styles; - } - - render() { - return html` -
-
-
-
- `; - } -} - -customElements.define('il-quote', Quote); diff --git a/src/il-quote/il-quote.css b/src/il-quote/il-quote.css deleted file mode 100644 index 4cd27e08..00000000 --- a/src/il-quote/il-quote.css +++ /dev/null @@ -1,63 +0,0 @@ -@layer component { - :root { - --il-quote--background: white; - --il-quote--color: var(--il-blue); - --il-quote--author-color: var(--il-orange); - --il-quote--source-color: var(--il-blue); - --il-quote--mark-color: var(--il-orange); - --il-quote--font: italic 400 2.25em/1.41667em var(--il-font-serif); - --il-quote--author-font: 700 1.813em/1.207em var(--il-source-sans); - --il-quote--source-font: 300 .8em/1.3em var(--il-source-sans); - --il-quote--mark-font: 700 3.472em/0 var(--il-font-serif); - --il-quote--mark-top: 55px; - --il-quote--mark-left: -90px; - --il-quote--mark-content-before: "“"; - --il-quote--mark-content-after: "”"; - --il-quote--max-width: 620px; - } - - @media only screen and (max-width: 792px) { - :root { - --il-quote--font: italic 400 1.813em/1.3103em var(--il-font-serif); - --il-quote--author-font: 700 1.5em/1.207em var(--il-source-sans); - --il-quote--mark-font: 700 3.472em/0 var(--il-font-serif); - --il-quote--mark-top: 45px; - --il-quote--mark-left: -70px; - } - } - - .il-quote--exclude-marks { - --il-quote--mark-content-before: none; - --il-quote--mark-content-after: none; - } - - il-quote *[slot=source] { - margin-top: 1.625rem; - text-align: center; - color: var(--il-quote--author-color); - font: var(--il-quote--author-font); - } - - il-quote *[slot=source] .il-quote--source-byline { - margin-top: 1.275rem; - text-align: center; - color: var(--il-quote--source-color); - font: var(--il-quote--source-font); - display: block; - } -} - -@layer theme { - .il-theme-blue { - --il-quote--background: var(--il-blue); - --il-quote--color: white; - --il-quote--author-color: var(--il-orange); - --il-quote--source-color: white; - --il-quote--mark-color: var(--il-orange); - } - .il-theme-gray { - --il-quote--background: var(--il-gray-1); - --il-quote--author-color: var(--il-altgeld); - --il-quote--mark-color: var(--il-altgeld); - } -} \ No newline at end of file diff --git a/src/il-quote/il-quote.styles.js b/src/il-quote/il-quote.styles.js deleted file mode 100644 index 22e5da14..00000000 --- a/src/il-quote/il-quote.styles.js +++ /dev/null @@ -1,43 +0,0 @@ -import { css } from 'lit'; - -export default css` -:host { - display: block; - background: var(--il-quote--background); -} - -#quote { - margin: 0 auto; - max-width: var(--il-quote--max-width); - padding: 50px 80px; -} - -#content { - color: var(--il-quote--color); - font: var(--il-quote--font); - text-align: center; - } - -#content { - position: relative; -} - -#content::before { - position: absolute; - content: var(--il-quote--mark-content-before); - font-style: normal; - color: var(--il-quote--mark-color); - font: var(--il-quote--mark-font); - top: var(--il-quote--mark-top); - left: var(--il-quote--mark-left); -} - -#content::after { - position: absolute; - content: var(--il-quote--mark-content-after); - font-style: normal; - bottom: 0px; - color: var(--il-quote--mark-color); - font: var(--il-quote--mark-font); - right: var(--il-quote--mark-left); -}`; diff --git a/src/il-quote/quote.spec.js b/src/il-quote/quote.spec.js deleted file mode 100644 index 87b81637..00000000 --- a/src/il-quote/quote.spec.js +++ /dev/null @@ -1,2 +0,0 @@ -import { test, expect } from '@playwright/test'; -const AxeBuilder = require('@axe-core/playwright').default; diff --git a/src/il-quote/tests/quote.html b/src/il-quote/tests/quote.html deleted file mode 100644 index 49df3872..00000000 --- a/src/il-quote/tests/quote.html +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - -Either university presses will embrace new technology and offer scholarly content in new forms to researchers and under new business models, or they will follow the music industry and spend all of their resources on trying to protect their territory -- unsuccessfully. -

Laura Cerruti -Director of Digital Content Development, University of California Press, profiled in Against the Grain -

- - - \ No newline at end of file diff --git a/src/il-search/default.func.js b/src/il-search/default.func.js deleted file mode 100644 index 95b1716b..00000000 --- a/src/il-search/default.func.js +++ /dev/null @@ -1,9 +0,0 @@ -const util = require('../../tests.util'); - -beforeEach(async () => { - await page.goto(util.testUrl(__filename)); -}); - -test("the component has correct color contrast", async () => { - await expect('il-search').toHaveColorContrast(); -}); diff --git a/src/il-search/il-search.component.js b/src/il-search/il-search.component.js deleted file mode 100644 index 9224b8e1..00000000 --- a/src/il-search/il-search.component.js +++ /dev/null @@ -1,45 +0,0 @@ -import {LitElement, html, css} from 'lit'; -import Debugger from '../../js/debug'; -import '../il-icon/il-icon.component'; -import styles from './il-search.css'; - -class Search extends LitElement { - static get properties() { - return { - action: {type: String, attribute: true}, - label: {type: String, attribute: true}, - name: {type: String, attribute: true}, - method: {type: String, attribute: true}, - placeholder: {type: String, attribute: true}, - query: {type: String, attribute: true}, - } - } - - static get styles() { - return styles; - } - - constructor() { - super(); - this.action = ''; - this.label = 'Search'; - this.method = 'GET'; - this.name = 's'; - this.placeholder = 'Search this site'; - this.query = ''; - } - - render() { - return html` -
- - - -
- `; - } -} - -customElements.define('il-search', Search); diff --git a/src/il-search/il-search.css.js b/src/il-search/il-search.css.js deleted file mode 100644 index 966bb0bb..00000000 --- a/src/il-search/il-search.css.js +++ /dev/null @@ -1,53 +0,0 @@ -import {css} from 'lit'; - -export default css` -form { - display: grid; - height: 40px; - grid-template-columns: auto 60px; - grid-gap: 2px; - border: 2px solid var(--il-cloud-3); - background-color: var(--il-cloud-3); - margin-left: 10px; - border-radius: 5px; -} -form:focus-within { - border-color: var(--il-industrial-blue); -} -label { - display: none; -} -input { - margin: 0; - padding: 5px; - border: 0; - font: 16px/18px var(--il-font-sans); - background-color: white; - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - -webkit-appearance: none; -} -input:focus { - outline: 0; -} -button { - position: relative; - width: 100%; - margin: 0; - padding: 0; - border: 0; - background-color: white; - color: #606060; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} -button:focus { - outline: 0px solid var(--il-industrial-blue); - box-shadow: 0 0 0 2px var(--il-industrial-blue); - color: var(--il-industrial-blue); -} -button il-icon { - font-size: 2em; - color: inherit; -} -`; \ No newline at end of file diff --git a/src/il-search/query.func.js b/src/il-search/query.func.js deleted file mode 100644 index 95b1716b..00000000 --- a/src/il-search/query.func.js +++ /dev/null @@ -1,9 +0,0 @@ -const util = require('../../tests.util'); - -beforeEach(async () => { - await page.goto(util.testUrl(__filename)); -}); - -test("the component has correct color contrast", async () => { - await expect('il-search').toHaveColorContrast(); -}); diff --git a/src/il-search/query.njk b/src/il-search/query.njk deleted file mode 100644 index b4a453c8..00000000 --- a/src/il-search/query.njk +++ /dev/null @@ -1,7 +0,0 @@ ---- -title: "Search with default query" -group: "Components: Search" -layout: layouts/page.njk ---- - - \ No newline at end of file diff --git a/src/il-search/search.html b/src/il-search/search.html deleted file mode 100644 index 89f84408..00000000 --- a/src/il-search/search.html +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/src/il-slide/il-slide.component.js b/src/il-slide/il-slide.component.js deleted file mode 100644 index e69de29b..00000000 diff --git a/src/il-statistic/il-statistic.component.js b/src/il-statistic/il-statistic.component.js deleted file mode 100644 index 632debc5..00000000 --- a/src/il-statistic/il-statistic.component.js +++ /dev/null @@ -1,23 +0,0 @@ -import { LitElement, html, css } from 'lit'; -import "./il-statistic.css"; -class Statistic extends LitElement { - - static get styles() { - return css` - :host { - display: block; - background: var(--il-statistic--background-color); - color: var(--il-statistic--color); - padding: 1.5em 1.25em 2em; - text-align: center; - font: 400 var(--il-statistic--font-size) var(--il-font-sans); - } - `; - } - - render() { - return html`
`; - } -} - -customElements.define('il-statistic', Statistic); diff --git a/src/il-statistic/il-statistic.css b/src/il-statistic/il-statistic.css deleted file mode 100644 index 7a2ff6f8..00000000 --- a/src/il-statistic/il-statistic.css +++ /dev/null @@ -1,79 +0,0 @@ - -il-statistic { - --il-statistic--font-size: 1.25em; - - p { - all: initial; - color: inherit; - font: inherit; - text-align: inherit; - } - - em { - all: initial; - text-align: inherit; - display: block; - margin-bottom: .1em; - font: 700 3.25em/1 var(--il-font-sans); - color: var(--il-statistic--stat--color, inherit); - } - cite { - all: initial; - display: block; - color: inherit; - margin-top: .75em; - text-decoration: underline; - text-align: inherit; - font: 400 italic .85em/1em var(--il-font-sans); - } - a { - color: var(--il-statistic--link--color, inherit); - text-decoration: underline; - - &:focus, &:hover { - color: var(--il-statistic--link--focus--color, inherit); - } - } - - &.il-size-small { - --il-statistic--font-size: 1.125em; - } - &.il-size-large { - --il-statistic--font-size: 1.375em; - - em { - font-size: 4.5em; - } - } - &.il-size-xlarge { - --il-statistic--font-size: 1.5em; - - em { - font-size: 4.5em; - } - } - - &.il-theme-white { - --il-statistic--background-color: white; - --il-statistic--color: var(--il-blue); - --il-statistic--stat--color: var(--il-orange); - --il-statistic--link--color: var(--il-industrial-blue); - --il-statistic--link--focus--color: var(--il-altgeld); - } - &.il-theme-blue { - --il-statistic--background-color: var(--il-blue); - --il-statistic--color: white; - --il-statistic--link--focus--color: var(--il-orange); - } - &.il-theme-blue-gradient { - --il-statistic--background-color: var(--il-blue-gradient); - --il-statistic--color: white; - --il-statistic--link--focus--color: var(--il-orange); - } - &.il-theme-gray { - --il-statistic--background-color: var(--il-gray-1); - --il-statistic--color: var(--il-blue); - --il-statistic--link--color: var(--il-industrial-blue); - --il-statistic--link--focus--color: var(--il-altgeld); - } -} diff --git a/src/il-statistic/il-statistic.spec.js b/src/il-statistic/il-statistic.spec.js deleted file mode 100644 index 49a42f92..00000000 --- a/src/il-statistic/il-statistic.spec.js +++ /dev/null @@ -1,2 +0,0 @@ -import { test, expect } from '@playwright/test'; -import AxeBuilder from '@axe-core/playwright'; diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/blue-gradient-with-header-1-chromium-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/blue-gradient-with-header-1-chromium-darwin.png deleted file mode 100644 index 74478909..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/blue-gradient-with-header-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/blue-gradient-with-header-1-firefox-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/blue-gradient-with-header-1-firefox-darwin.png deleted file mode 100644 index 0f23e9c8..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/blue-gradient-with-header-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/blue-gradient-with-header-1-webkit-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/blue-gradient-with-header-1-webkit-darwin.png deleted file mode 100644 index ef8a21a1..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/blue-gradient-with-header-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/blue-with-header-1-chromium-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/blue-with-header-1-chromium-darwin.png deleted file mode 100644 index b2d298a6..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/blue-with-header-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/blue-with-header-1-firefox-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/blue-with-header-1-firefox-darwin.png deleted file mode 100644 index ca0f735a..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/blue-with-header-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/blue-with-header-1-webkit-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/blue-with-header-1-webkit-darwin.png deleted file mode 100644 index 9de62c1f..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/blue-with-header-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/gray-with-header-1-chromium-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/gray-with-header-1-chromium-darwin.png deleted file mode 100644 index f144f9c2..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/gray-with-header-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/gray-with-header-1-firefox-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/gray-with-header-1-firefox-darwin.png deleted file mode 100644 index 15418662..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/gray-with-header-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/gray-with-header-1-webkit-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/gray-with-header-1-webkit-darwin.png deleted file mode 100644 index 527de1c4..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/gray-with-header-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/large-with-header-1-chromium-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/large-with-header-1-chromium-darwin.png deleted file mode 100644 index e03e7bc8..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/large-with-header-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/large-with-header-1-firefox-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/large-with-header-1-firefox-darwin.png deleted file mode 100644 index 5c27f547..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/large-with-header-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/large-with-header-1-webkit-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/large-with-header-1-webkit-darwin.png deleted file mode 100644 index 57054a28..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/large-with-header-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/medium-with-header-1-chromium-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/medium-with-header-1-chromium-darwin.png deleted file mode 100644 index 22d7302a..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/medium-with-header-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/medium-with-header-1-firefox-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/medium-with-header-1-firefox-darwin.png deleted file mode 100644 index c1312932..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/medium-with-header-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/medium-with-header-1-webkit-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/medium-with-header-1-webkit-darwin.png deleted file mode 100644 index 61579744..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/medium-with-header-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/small-with-header-1-chromium-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/small-with-header-1-chromium-darwin.png deleted file mode 100644 index 829240ab..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/small-with-header-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/small-with-header-1-firefox-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/small-with-header-1-firefox-darwin.png deleted file mode 100644 index 1d1bc2a1..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/small-with-header-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/small-with-header-1-webkit-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/small-with-header-1-webkit-darwin.png deleted file mode 100644 index 5f532696..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/small-with-header-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/white-with-header-1-chromium-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/white-with-header-1-chromium-darwin.png deleted file mode 100644 index f8fe4a15..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/white-with-header-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/white-with-header-1-firefox-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/white-with-header-1-firefox-darwin.png deleted file mode 100644 index 002ca393..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/white-with-header-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/white-with-header-1-webkit-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/white-with-header-1-webkit-darwin.png deleted file mode 100644 index 14215c51..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/white-with-header-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/xlarge-with-header-1-chromium-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/xlarge-with-header-1-chromium-darwin.png deleted file mode 100644 index 926c060a..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/xlarge-with-header-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/xlarge-with-header-1-firefox-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/xlarge-with-header-1-firefox-darwin.png deleted file mode 100644 index 488827b4..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/xlarge-with-header-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-statistic/il-statistic.spec.js-snapshots/xlarge-with-header-1-webkit-darwin.png b/src/il-statistic/il-statistic.spec.js-snapshots/xlarge-with-header-1-webkit-darwin.png deleted file mode 100644 index bbf85093..00000000 Binary files a/src/il-statistic/il-statistic.spec.js-snapshots/xlarge-with-header-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-statistic/tests/statistic-with-header.html b/src/il-statistic/tests/statistic-with-header.html deleted file mode 100644 index 0d08b5f0..00000000 --- a/src/il-statistic/tests/statistic-with-header.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - -

Nation‘s Top Six overall ranking among undergraduate programs in the U.S.

- U.S. News and World 2022 - - - \ No newline at end of file diff --git a/src/il-statistic/tests/statistic-without-header.html b/src/il-statistic/tests/statistic-without-header.html deleted file mode 100644 index 9c612ce5..00000000 --- a/src/il-statistic/tests/statistic-without-header.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - 97% of our 2020 graduates with teaching degrees - plus licensure are employed in the field of education. - - - \ No newline at end of file diff --git a/src/il-tabs/il-tabs.component.js b/src/il-tabs/il-tabs.component.js deleted file mode 100644 index 18d164d0..00000000 --- a/src/il-tabs/il-tabs.component.js +++ /dev/null @@ -1,167 +0,0 @@ -import { LitElement, html } from 'lit'; -import styles from './il-tabs.styles'; -import "./il-tabs.css"; - -class TabComponent extends LitElement { - static get compactSizePixelWidth() { - return 768; - } - - // Static methods - - static get styles() { - return styles; - } - - static get properties() { - return { - compact: { default: false, type: Boolean, attribute: false, reflect: true } - }; - } - - // Constructor - - constructor() { - super(); - this.handleMutation = this.handleMutation.bind(this); - this.handleResize = this.handleResize.bind(this); - this.handleTabClick = this.handleTabClick.bind(this); - this.handleKeyPress = this.handleKeyPress.bind(this); - document.addEventListener('DOMContentLoaded', this.handleDocumentLoaded.bind(this)); - } - - // Component lifecycle - - connectedCallback() { - super.connectedCallback(); - if (!this.hasContainerSupport()) { - this.addResizeListeners(); - } - this.addMutationObserver(); - } - - disconnectedCallback() { - if (!this.hasContainerSupport()) { - this.removeResizeListeners(); - } - super.disconnectedCallback(); - } - - // Event handlers - - handleDocumentLoaded() { - this.initializeTabs(); - if (!this.hasActiveTab()) { - this.setActiveTab(this.getFirstTab()); - } - } - - handleMutation(evt) { - this.initializeTabs(); - } - - handleResize(evt) { - this.classList[this.isCompact() ? 'add' : 'remove']('il-compact'); - } - - handleTabClick(evt) { - this.setActiveTab(evt.currentTarget); - } - - handleKeyPress(evt) { - if (evt.code == 'Enter' || evt.code == 'Space') { - this.setActiveTab(evt.currentTarget); - } - } - - // Object methods - - addMutationObserver() { - const observer = new MutationObserver(this.handleMutation); - observer.observe(this, { attributes: false, childList: true, subtree: true }); - } - - addResizeListeners() { - window.addEventListener('load', this.handleResize.bind(this)); - window.addEventListener('resize', this.handleResize.bind(this)); - } - - getAllTabs() { - return this.querySelectorAll('*[role="tab"]'); - } - - getFirstTab() { - return this.querySelector('*[role="tab"]'); - } - - getTabPanel(tab) { - return document.getElementById(tab.getAttribute('aria-controls')); - } - - hasActiveTab() { - return this.querySelector('*[role="tab"][aria-selected="true"]') - } - - hasContainerSupport() { - return CSS.supports('container-type', 'inline-size'); - } - - initializeTab(tab) { - if (!this.tabIsInitialized(tab)) { - tab.setAttribute("tabindex", 0); - tab.setAttribute('data-il-initialized', '1'); - tab.addEventListener('click', this.handleTabClick); - tab.addEventListener('keydown', this.handleKeyPress); - } - } - - initializeTabs() { - this.getAllTabs().forEach(tab => this.initializeTab(tab)); - } - - isCompact() { - return this.offsetWidth < TabComponent.compactSizePixelWidth - } - - removeResizeListeners() { - window.removeEventListener('load', this.handleResize.bind(this)); - window.removeEventListener('resize', this.handleResize.bind(this)); - } - - setActiveTab(activeTab) { - console.debug(activeTab); - this.getAllTabs().forEach(tab => { - (tab === activeTab) ? this.setTabAsActive(tab) : this.setTabAsInactive(tab) - }); - } - - setTabAsActive(tab) { - tab.setAttribute('aria-selected', 'true'); - this.getTabPanel(tab).setAttribute('data-il-tab-visible', '1'); - } - - setTabAsInactive(tab) { - tab.setAttribute('aria-selected', 'false'); - this.getTabPanel(tab).setAttribute('data-il-tab-visible', '0'); - } - - tabIsInitialized(tab) { - return tab.hasAttribute('data-il-initialized'); - } - - // Render - - render() { - return html` -
-
- -
-
- -
-
`; - } -} - -customElements.define('il-tabs', TabComponent); diff --git a/src/il-tabs/il-tabs.css b/src/il-tabs/il-tabs.css deleted file mode 100644 index f509c840..00000000 --- a/src/il-tabs/il-tabs.css +++ /dev/null @@ -1,120 +0,0 @@ -@layer component { - :root { - --il-tabs--display: block; - --il-tabs--background: var(--il-blue); - --il-tabs--button--color: white; - --il-tabs--button--color--focus: var(--il-blue); - --il-tabs--button--background--focus: white; - --il-tabs--button--color--selected: white; - --il-tabs--button--background--selected: var(--il-orange); - --il-tabs--button--color--selected--focus: var(--il-orange); - --il-tabs--button--background--selected--focus: white; - --il-tabs--button--border-color: #c8c6c7; - --il-tabs--tablist--border-width: 1px; - --il-tabs--tabpanels--margin-top: 30px; - } - - il-tabs { - display: block; - position: relative; - container-type: inline-size; - } - - il-tabs *[role=tab] { - display: inline-block; - background: var(--il-tabs--background); - color: var(--il-tabs--button--color); - line-height: var(--il-content--line-height); - font-family: var(--il-content--font-family); - font-size: 1.25em; - font-weight: 700; - border: none; - padding: .75em 1em; - - &:hover, &:focus { - outline: none; - color: var(--il-tabs--button--color--focus); - background: var(--il-tabs--button--background--focus); - } - - &[aria-selected="true"] { - color: var(--il-tabs--button--color--selected); - background: var(--il-tabs--button--background--selected); - - &:hover, &:focus { - color: var(--il-tabs--button--color--selected--focus); - background: var(--il-tabs--button--background--selected--focus); - } - - il-tabs *[data-il-tab-visible="0"] { - display: none; - } - } - } - - il-tabs.il-vertical-tabs { - --il-tabs--tabpanels--margin-top: 0; - --il-tabs--tablist--border-width: 0; - --il-tabs--display: flex; - } - - il-tabs.il-vertical-tabs *[slot=tabs] { - display: flex; - flex-direction: column; - width: 350px; - } - - il-tabs.il-vertical-tabs *[role=tab] { - border-bottom: 1px solid var(--il-tabs--button--border-color); - } - - il-tabs.il-vertical-tabs *[role=tab]:first-of-type { - border-top: 1px solid var(--il-tabs--button--border-color); - } - - il-tabs il-content { - margin-top: 30px; - --il-content-heading-base-size: 1.65em; - --il-content-heading-ratio: 1; - --il-content--font-size: 1.05em; - --il-content--color: white; - --il-content--heading--color: white; - --il-content--link--focus--color: var(--il-orange); - --il-content--button--focus--background-color: white; - --il-content--button--focus--border-color: white; - --il-content--button--focus--color: var(--il-blue); - } - - il-tabs.il-vertical-tabs il-content { - margin-top: 0; - } - - @container (max-width: 767px) { - il-tabs.il-vertical-tabs il-content { - margin-top: 30px; - } - - il-tabs *[role=tab] { - display: block; - border-bottom: 1px solid var(--il-tabs--button--border-color); - } - - il-tabs *[role=tab]:first-of-type { - border-top: 1px solid var(--il-tabs--button--border-color); - } - } - - il-tabs.il-compact.il-vertical-tabs il-content { - margin-top: 30px; - } - - il-tabs.il-compact *[role=tab] { - display: block; - border-bottom: 1px solid var(--il-tabs--button--border-color); - } - - il-tabs.il-compact *[role=tab]:first-of-type { - border-top: 1px solid var(--il-tabs--button--border-color); - } - -} diff --git a/src/il-tabs/il-tabs.spec.js b/src/il-tabs/il-tabs.spec.js deleted file mode 100644 index 451eca92..00000000 --- a/src/il-tabs/il-tabs.spec.js +++ /dev/null @@ -1,27 +0,0 @@ -import { test, expect } from '@playwright/test'; -const AxeBuilder = require('@axe-core/playwright').default; - -const themes = ['blue', 'gray', 'white', 'orange']; - -test.describe('desktop', () => { - test.use({ viewport: { width: 1280, height: 1024 } }); - - test('default arrangement', async ({page}) => { - await page.goto(`components/il-tabs/tests/tabs.html`); - await expect(page.getByTestId('component')).toHaveScreenshot(); - }); - - test('adding a tab after the page has loaded', async ({page}) => { - await page.goto(`components/il-tabs/tests/dynamic-content.html`); - await expect(page.getByTestId('component')).toHaveScreenshot(); - // TODO: Test clicking on the inserted tab - }); -}) - -test.describe('mobile', () => { - test.use({ viewport: { width: 375, height: 812 } }); - test('default arrangement', async ({page}) => { - await page.goto(`components/il-tabs/tests/tabs.html`); - await expect(page.getByTestId('component')).toHaveScreenshot(); - }) -}); diff --git a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-adding-a-tab-after-the-page-has-loaded-1-chromium-darwin.png b/src/il-tabs/il-tabs.spec.js-snapshots/desktop-adding-a-tab-after-the-page-has-loaded-1-chromium-darwin.png deleted file mode 100644 index 56df5e1e..00000000 Binary files a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-adding-a-tab-after-the-page-has-loaded-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-adding-a-tab-after-the-page-has-loaded-1-firefox-darwin.png b/src/il-tabs/il-tabs.spec.js-snapshots/desktop-adding-a-tab-after-the-page-has-loaded-1-firefox-darwin.png deleted file mode 100644 index 40141b58..00000000 Binary files a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-adding-a-tab-after-the-page-has-loaded-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-adding-a-tab-after-the-page-has-loaded-1-webkit-darwin.png b/src/il-tabs/il-tabs.spec.js-snapshots/desktop-adding-a-tab-after-the-page-has-loaded-1-webkit-darwin.png deleted file mode 100644 index 4fe59569..00000000 Binary files a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-adding-a-tab-after-the-page-has-loaded-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-default-arrangement-1-chromium-darwin.png b/src/il-tabs/il-tabs.spec.js-snapshots/desktop-default-arrangement-1-chromium-darwin.png deleted file mode 100644 index 07328dc1..00000000 Binary files a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-default-arrangement-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-default-arrangement-1-firefox-darwin.png b/src/il-tabs/il-tabs.spec.js-snapshots/desktop-default-arrangement-1-firefox-darwin.png deleted file mode 100644 index ac70728b..00000000 Binary files a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-default-arrangement-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-default-arrangement-1-webkit-darwin.png b/src/il-tabs/il-tabs.spec.js-snapshots/desktop-default-arrangement-1-webkit-darwin.png deleted file mode 100644 index 505ea40f..00000000 Binary files a/src/il-tabs/il-tabs.spec.js-snapshots/desktop-default-arrangement-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-tabs/il-tabs.spec.js-snapshots/mobile-default-arrangement-1-chromium-darwin.png b/src/il-tabs/il-tabs.spec.js-snapshots/mobile-default-arrangement-1-chromium-darwin.png deleted file mode 100644 index 68ebcee0..00000000 Binary files a/src/il-tabs/il-tabs.spec.js-snapshots/mobile-default-arrangement-1-chromium-darwin.png and /dev/null differ diff --git a/src/il-tabs/il-tabs.spec.js-snapshots/mobile-default-arrangement-1-firefox-darwin.png b/src/il-tabs/il-tabs.spec.js-snapshots/mobile-default-arrangement-1-firefox-darwin.png deleted file mode 100644 index cd4769ef..00000000 Binary files a/src/il-tabs/il-tabs.spec.js-snapshots/mobile-default-arrangement-1-firefox-darwin.png and /dev/null differ diff --git a/src/il-tabs/il-tabs.spec.js-snapshots/mobile-default-arrangement-1-webkit-darwin.png b/src/il-tabs/il-tabs.spec.js-snapshots/mobile-default-arrangement-1-webkit-darwin.png deleted file mode 100644 index 073e18a3..00000000 Binary files a/src/il-tabs/il-tabs.spec.js-snapshots/mobile-default-arrangement-1-webkit-darwin.png and /dev/null differ diff --git a/src/il-tabs/il-tabs.styles.js b/src/il-tabs/il-tabs.styles.js deleted file mode 100644 index eb7dbfea..00000000 --- a/src/il-tabs/il-tabs.styles.js +++ /dev/null @@ -1,36 +0,0 @@ -import { css } from 'lit'; - -export default css ` - #container { - display: var(--il-tabs--display); - background: var(--il-tabs--background); - column-gap: 60px; - margin: 0 auto; - max-width: var(--il-tabs--max-width); - padding: 60px 30px 75px; - } - #tablist { - border-bottom: var(--il-tabs--tablist--border-width) solid var(--il-tabs--button--border-color); - } - - #tabpanels { - width: 100%; - margin-top: var(--il-tabs--tabpanels--margin-top); - } - - @container (max-width: 767px) { - #container { - --il-tabs--tablist--border-width: 0; - --il-tabs--display: block; - --il-tabs--tabpanels--margin-top: 30px; - padding: 60px 20px 75px; - } - } - - #container.compact { - --il-tabs--tablist--border-width: 0; - --il-tabs--display: block; - --il-tabs--tabpanels--margin-top: 30px; - padding: 60px 20px 75px; - } -`; \ No newline at end of file diff --git a/src/il-tabs/tests/dynamic-content.html b/src/il-tabs/tests/dynamic-content.html deleted file mode 100644 index 8f522707..00000000 --- a/src/il-tabs/tests/dynamic-content.html +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - -
-
Tab #1
-
Tab #2
-
Tab #3
-
- - This is the content for Panel #1 - - - This is the content for Panel #2 - - - This is the content for Panel #3 - - - - \ No newline at end of file diff --git a/src/il-tabs/tests/tabs.html b/src/il-tabs/tests/tabs.html deleted file mode 100644 index c5670740..00000000 --- a/src/il-tabs/tests/tabs.html +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - -
-
Tab #1
-
Tab #2
-
Tab #3
-
Tab #4
-
- -

Degree Programs

-

There's no academic experience quite like Grainger Engineering. Ranked the #6 college of engineering with 13 top 5 programs from US News and World Report, we have a reputation of being the best of the best. But a lot goes into those numbers. Engaging professors. State-of-the-art facilities. Groundbreaking student resources. Brilliant classmates. Supportive environment. Endless opportunities. Whether you're a first year undergraduate or working toward a PhD, our programs are designed to help you become the engineer you want to be.

-

Second paragraph

-

Sample button

- - -

Panel #2. There's a link that goes somewhere here.

- - -

Panel #3

- - -

Panel #4 There's a link that goes somewhere here.

- - - - \ No newline at end of file diff --git a/src/toolkit.css b/src/toolkit.css index 545c5a93..e69de29b 100644 --- a/src/toolkit.css +++ b/src/toolkit.css @@ -1,15 +0,0 @@ - -@layer base, component, theme; - -@import "colors.css" layer(base); -@import "fonts.css" layer(base); -@import "icons.css" layer(base); - -@layer base { - - html.il-toolkit body { - margin: 0; - padding: 0; - font: 400 normal 16px/1em var(--il-font-sans); - } -} diff --git a/src/toolkit.js b/src/toolkit.js index cc07537d..20e24488 100644 --- a/src/toolkit.js +++ b/src/toolkit.js @@ -1,26 +1 @@ import './toolkit.css'; - -// Core components -import "./il-content/il-content.component"; -import "./il-layout/il-layout.component"; -import "./il-nav/il-nav.component"; -import "./il-nav-section/il-nav-section.component"; - -// Additional components -import "./il-accordion/il-accordion.component"; -import "./il-panel/il-accordion-panel.component"; -import "./il-back-to-top/il-back-to-top.component"; -import "./il-call-to-action/il-call-to-action.component"; -import "./il-contact/il-contact.component"; -import "./il-footer/il-footer.component"; -import "./il-header/il-header.component"; -import "./il-hero/il-hero.component"; -import "./il-feature/il-feature.component"; -import "./il-page-title/il-page-title.component"; -import "./il-profile/il-profile.component"; -import "./il-quote/il-quote.component"; -import "./il-search/il-search.component"; -import "./il-statistic/il-statistic.component"; -import "./il-tabs/il-tabs.component"; -import "./il-video/il-video.component"; -import "./il-video-feature/il-video-feature.component";