Skip to content
Permalink
Browse files

Prepare for release of v2.0.0 (#448)

* First Commit

* updated readme

* readme update

* readme format fix

* Added p tag

Testing git by putting brandon's name

* Added seperate rollup for dev and produciton. Changed build folder to
dist to match current spec.

* Add build command. Run npm audit fix.

* Update build dir to dist

* committing Darcy's changes since she's out of town

* created styles sheet

* Bump tar from 2.2.1 to 2.2.2

Bumps [tar](https://github.com/npm/node-tar) from 2.2.1 to 2.2.2.
- [Release notes](https://github.com/npm/node-tar/releases)
- [Commits](npm/node-tar@v2.2.1...v2.2.2)

* Bump fstream from 1.0.11 to 1.0.12

Bumps [fstream](https://github.com/npm/fstream) from 1.0.11 to 1.0.12.
- [Release notes](https://github.com/npm/fstream/releases)
- [Commits](npm/fstream@v1.0.11...v1.0.12)

* added url-encoded SVG for byu monogram

* relative path fixes - switching from "build" to "dist"

* updating footer styles

* initial commit

* Added .editorconfig

* Add fonts to page and date to footer.

* Run build.

* merging with master

* got the divider showing, formatted the menu

* added "active" style

* changed site title to a slot

* Site Title Style fixes

* updated to correct BYU royal, removed unneeded variables form settings.scss

* Finished byu-footer-column

* Finish byu-footer-action-button

* Finish byu-social-media-links

* Run build

* Finished byu-footer-column

* Finish byu-footer-action-button

* Finish byu-social-media-links

* Run build

* Switch to yarn

* Clean house.

* Run npm update

* Initial changes

* Switch back to NPM

* Update readme

* Inital header with single title.

* Skeleton of BYU menu created

* Finish menu button

* Bump lodash.template from 4.4.0 to 4.5.0

Bumps [lodash.template](https://github.com/lodash/lodash) from 4.4.0 to 4.5.0.
- [Release notes](https://github.com/lodash/lodash/releases)
- [Commits](lodash/lodash@4.4.0...4.5.0)

Signed-off-by: dependabot[bot] <support@github.com>

* Inital header, search, and action button display.

* Finish user info

* Start menu display

* Wrap up for PR

* Bump lodash from 4.17.12 to 4.17.14

Bumps [lodash](https://github.com/lodash/lodash) from 4.17.12 to 4.17.14.
- [Release notes](https://github.com/lodash/lodash/releases)
- [Commits](lodash/lodash@4.17.12...4.17.14)

Signed-off-by: dependabot[bot] <support@github.com>

* Clean house.

* Run npm update

* Initial changes

* Inital header with single title.

* Skeleton of BYU menu created

* Finish menu button

* Inital header, search, and action button display.

* Finish user info

* Start menu display

* Wrap up for PR

* Add todo for multiple breadcrumbs

* Finish header and child components. (#11)

* Fix menu display

* Fix menu display on desktop and mobile.

* Run npm audit fix

* Finish BYU breadcrumbs component

* Remove breadcrumb TODO

* Add toggling for user login

* Added CHANGELOG to track breaking changes.

* Finish search display features.

* Added linter. Linted code. Added lint check on commit/push. Updated CHANGELOG. Added css minification an autoprefixer to rollup configs.

* Add byu-web-component-utils for use with byu-search component.

* Add submit-form action functionality to byu-search component.

* Add click action functionality to byu-search component.

* Fix actionTarget attribute on byu-search component.

* Confirm navigate action works on byu-search component.

* Finish byu-search functionality.

* Fix search display on mobile.

* Add active menu class.

* Run npm update

* Update README.md

* Fix menu display

* Fix menu display on desktop and mobile.

* Run npm audit fix

* Finish BYU breadcrumbs component

* Remove breadcrumb TODO

* Add toggling for user login

* Added CHANGELOG to track breaking changes.

* Finish search display features.

* Added linter. Linted code. Added lint check on commit/push. Updated CHANGELOG. Added css minification an autoprefixer to rollup configs.

* Add byu-web-component-utils for use with byu-search component.

* Add submit-form action functionality to byu-search component.

* Add click action functionality to byu-search component.

* Fix actionTarget attribute on byu-search component.

* Confirm navigate action works on byu-search component.

* Finish byu-search functionality.

* Fix search display on mobile.

* Add active menu class.

* Run npm update

* Footer (#12)

* Add bundle size rollup plugin.

* Inital footer rough draft."

* Fix site footer styles.

* Tweak footer styles.

* Fix footer column wrapping.

* Finish footer styles

* Remove extra breakpoints.

* Remove double and triple wide classes

* Inital commit from byu-theme-components-lit repo.

* Run build

* Run build and update footer.

* Update CHANGELOG.md

* Fixed attribute case and site title.

* Add edge support.

* Live demo for polymer issue.

* Get styles to display properly in Edge.

* Add CODEOWNERS file.

* Update branch

* Add manual tests

* Update README

* Update footer wrapping.

* Style search placeholder

* Fix mobile search-action-id div

* Fix action button on mobile.

* Fix cropped action button in FF

* Remove border radius from search box

* Run build

* Fix selected input trouble.

* Override default appearance in Safari.

* Fix nested styles in safari.

* Fix extra margin on iOS search

* Merge with FOUC branch.

* Add fonts, normalizing, and background color to CSS.

* Move eslintignore

* Update public sans URL.

* Add copyright.

* Run build

* Put back load components script.

* Add eslintignore file."

* UPdate web components loader.

* Remove console.log from search.

* Update web components loader

* Responsive FOUC

* Add extra files.

* Make menu link padding important.

* Set host font size.

* Set base for rem.

* Make site title margin important.

* Remove subititle from docs.

* Change mixin to include.

* Add FOUC and style extras to tests.
  • Loading branch information...
blakemorgan committed Jul 29, 2019
1 parent 4120d09 commit 3e857193782ee8740981c19cadcfcb65292f3613
Showing 940 changed files with 16,163 additions and 84,587 deletions.
@@ -0,0 +1,11 @@
{
"plugins": [
"@babel/plugin-proposal-class-properties",
[
"@babel/proposal-decorators",
{
"decoratorsBeforeExport": true
}
]
]
}
@@ -1,24 +1,20 @@
---
name: Theme Header/Footer Components
description: Header and Footer components for 2017 Theme
resources:
- src: dist/**
dest: ./
docs: https://github.com/byuweb/byu-theme-components
type: 'web-component'
preload:
byu-theme-components.min.css:
- lib: shared-icons
version: latest
file: logos/monogram-white.svg
- lib: theme-fonts
version: 1.x.x
file: ringside/fonts.css
byu-theme-components.min.js:
- ./components.min.js
- lib: shared-icons
version: latest
file: logos/monogram-white.svg
- lib: theme-fonts
version: latest
file: ringside/fonts.css
---
name: BYU Theme Components
description: BYU themed web components.
resources:
- src: dist/**
dest: ./
docs: https://github.com/byuweb/byu-theme-components
type: 'web-component'
preload:
byu-theme-components.min.js:
- ./byu-theme-components.min.js
- lib: shared-icons
version: latest
file: logos/monogram-white.svg
- lib: theme-fonts
version: latest
file: ringside/fonts.css
- lib: theme-fonts
version: latest
file: public-sans/fonts.css
@@ -0,0 +1,16 @@
root = true

[*]
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
indent_style = space
max_line_length = 120
indent_size = 2

[*.html]
indent_size = 4

[*.md]
trim_trailing_whitespace = false
@@ -0,0 +1 @@
components/byu-footer/byu-footer.js
@@ -0,0 +1,14 @@
{
"plugins": ["lit"],
"extends": ["plugin:lit/recommended"],
"parser": "babel-eslint",
"parserOptions": {
"ecmaFeatures": {
"legacyDecorators": true
},
"ecmaVersion": 6
},
"env": {
"browser": true
}
}
@@ -0,0 +1,6 @@
# Include Engineers on all PR's
* @blakemorgan
* @kebowdog

# Include Rebecca on FOUC PR's
*-fouc.scss @rburkey87
@@ -0,0 +1,29 @@
# byu-theme-components CHANGELOG

## Breaking changes between 1.x.x and 2.x.x

In addition to a new design to match the design of sites hosted with BYU websites, the have been some minor tweaks to the theme components API. According to the [Semantic Versioning specification](https://semver.org/), these changes constitute a new major release. We have documented the breaking changes below so you know what you'll need to tweak to get the components working on your site. If you aren't using these changed feature listed belows, then no changes need to be made to use v2 of the BYU theme components.

**IE 11 is no longer supported by the web community.**

### `byu-header`

- Previously deprecated supertitles have been removed.
- The `max-width` attribute has been removed.
- The `full-width` attribute has been removed.
- The `constrain-top-bar` attribute has been removed.
- The `home-url` attribute has been removed.

### `byu-menu`

- The `transparent` class has been removed.
- Regardless of the number of menu items, they will always be left aligned.
- The more menu has been removed.

### `byu-search`

- Removed the deprecated `onsearch` attribute.

### `byu-footer`

- The `max-width` attribute has been removed.
@@ -1,49 +1,47 @@
# BYU Core Components
This repository contains the "core" Web Components implementing the BYU theme redesign begun in 2017.

Specifically, it contains the following components:
* byu-header
* byu-menu
* byu-search
* byu-user-info
* byu-footer
* byu-footer-column
* byu-social-media-links
* byu-footer-action-button

In order for a BYU website to be considered compliant with current branding standards it must make use of at least the byu-header and byu-footer components. Additionally, the byu-menu, byu-search, and byu-user-info should be used for the site's primary navigation, search, and login display, if any. The byu-footer-column and byu-footer-action-button are used to add content to the footer if desired. The byu-social-media-links component contains the approved icons for all the major social media platforms and is strongly recommended. Use of unapproved or modified social media icons may violate those platforms' copyright and is not allowed.

## Important links
[brand.byu.edu](http://brand.byu.edu) contains a full description of the BYU website branding guidelines

[theme-dev.byu.edu](http://theme-dev.byu.edu) contains implementation guidelines for the current BYU theme, as well as a list of optional components created by the BYU web community that can improve and simplify your website. This site is currently under construction, so please let us know if there are things you'd like on it.

[web.byu.edu](http://web.byu.edu) is the central hub for communication, events, and news relating to the BYU Web Community. It includes a calendar with upcoming events (including WebFests and user group meetings), the proceedings and latest decisions of the Web Advisory Board, and info on the various working groups creating community resources. It also has info on how to join the BYU Web Slack channels.

## Getting Started:
To begin using the components you can visit [the components demo site](http://2017-components-demo.cdn.byu.edu/) for more documentation and code samples. If you're using Drupal or Wordpress, the community has created templates that you can download and install. However, one of the primary goals and benefits of using a web components implementation is that you don't need to use a specific CMS (or any CMS at all) to utilize the components.

## CDN Integration
This repository is integrated with the BYU Web Content Delivery Network (cdn) at cdn.byu.edu. This means that every update to the master branch of the repository will be pushed immediately to the cdn, allowing websites across campus to receive the latest updates immediately. More documentation can be found on the [CDN Project Page](https://github.com/byuweb/web-cdn).

## Release Process and Timelines
A new version of these components will be released monthly unless there are no new issues to address. These monthly releases will be either bug-fix releases or minor releases that introduce new features. In addition, if a major bug is discovered we may make an unscheduled release to address it. Releases will use [semver standards](http://semver.org/). Minor and bug-fix releases will maintain backwards compatibility, while major releases could potentially include breaking changes. If a major release is proposed and accepted we will ensure that the BYU web community is given ample time to prepare for any breaking changes and migrate their code accordingly.

## How to contribute:
This project is open to the community and we welcome contributions. You can start by [forking this repo](https://help.github.com/articles/fork-a-repo/) and submitting a pull request, though we strongly recommend you also join the slack channel at [byu-web.slack.com](http://byu-web.slack.com) so you can be part of the discussion.

### Our coding standards
Our goal is to implement flexible, well-structured web components according to the latest brand guidelines. Every pull request must be peer-reviewed by one of the project administrators before it can be merged with the master branch. As of this writing we require that any components work properly in at least the 2 latest versions of the following browsers:

* Chrome
* Firefox
* Safari (Desktop and iOS versions)
* Microsoft Edge

In addition, every component must be responsive, providing a first-class experience to phone and tablet users.

## Favicon
All BYU Websites are encouraged to use the official favicon. This is likely to be located on brand.byu.edu in the future, but it is available now in github: [https://github.com/byuweb/byu-assets/blob/master/favicon.png](https://github.com/byuweb/byu-assets/blob/master/favicon.png).

## Using Github
There's plenty of documentation online about how to work with GitHub and the Git source control system, and there are excellent Git plugins available for most IDEs. If you've never worked with Github before, GitHub has provided some good documentation at [guides.github.com](http://guides.github.com). You can also join the [slack channel](http://byu-web.slack.com) and connect with other developers from the project.
# BYU Core Components
This repository contains the "core" Web Components implementing the BYU theme.

Specifically, it contains the following components:
* byu-header
* byu-menu
* byu-search
* byu-user-info
* byu-footer
* byu-footer-column
* byu-social-media-links
* byu-footer-action-button

In order for a BYU website to be considered compliant with current branding standards it must make use of at least the byu-header and byu-footer components. Additionally, the byu-menu, byu-search, and byu-user-info should be used for the site's primary navigation, search, and login display, if any. The byu-footer-column and byu-footer-action-button are used to add content to the footer if desired. The byu-social-media-links component contains the approved icons for all the major social media platforms and is strongly recommended. Use of unapproved or modified social media icons may violate those platforms' copyright and is not allowed.

## Important links
[brand.byu.edu](http://brand.byu.edu) contains a full description of the BYU website branding guidelines

[web.byu.edu](http://web.byu.edu) is the central hub for communication, events, and news relating to the BYU Web Community. It includes a calendar with upcoming events (including WebFests and user group meetings), the proceedings and latest decisions of the Web Advisory Board, and info on the various working groups creating community resources. It also has info on how to join the BYU Web Slack channels.

## Getting Started:
To begin using the components you can visit [the components demo site](http://2017-components-demo.cdn.byu.edu/) for more documentation and code samples. If you're using Drupal or Wordpress, the community has created templates that you can download and install. However, one of the primary goals and benefits of using a web components implementation is that you don't need to use a specific CMS (or any CMS at all) to utilize the components.

## CDN Integration
This repository is integrated with the BYU Web Content Delivery Network (cdn) at cdn.byu.edu. This means that every update to the master branch of the repository will be pushed immediately to the cdn, allowing websites across campus to receive the latest updates immediately. More documentation can be found on the [CDN Project Page](https://github.com/byuweb/web-cdn).

## Release Process and Timelines
A new version of these components will be released monthly unless there are no new issues to address. These monthly releases will be either bug-fix releases or minor releases that introduce new features. In addition, if a major bug is discovered we may make an unscheduled release to address it. Releases will use [semver standards](http://semver.org/). Minor and bug-fix releases will maintain backwards compatibility, while major releases could potentially include breaking changes. If a major release is proposed and accepted we will ensure that the BYU web community is given ample time to prepare for any breaking changes and migrate their code accordingly.

## How to contribute:
This project is open to the community and we welcome contributions. You can start by [forking this repo](https://help.github.com/articles/fork-a-repo/) and submitting a pull request, though we strongly recommend you also join the slack channel at [byu-web.slack.com](http://byu-web.slack.com) so you can be part of the discussion.

### Our coding standards
Our goal is to implement flexible, well-structured web components according to the latest brand guidelines. Every pull request must be peer-reviewed by one of the project administrators before it can be merged with the master branch. As of this writing we require that any components work properly in at least the 2 latest versions of the following browsers:

* Chrome
* Firefox
* Safari (Desktop and iOS versions)
* Microsoft Edge

In addition, every component must be responsive, providing a first-class experience to phone and tablet users.

## Favicon
All BYU Websites are encouraged to use the official favicon. This is likely to be located on brand.byu.edu in the future, but it is available now in github: [https://github.com/byuweb/byu-assets/blob/master/favicon.png](https://github.com/byuweb/byu-assets/blob/master/favicon.png).

## Using Github
There's plenty of documentation online about how to work with GitHub and the Git source control system, and there are excellent Git plugins available for most IDEs. If you've never worked with Github before, GitHub has provided some good documentation at [guides.github.com](http://guides.github.com). You can also join the [slack channel](http://byu-web.slack.com) and connect with other developers from the project.
@@ -0,0 +1,7 @@
=breadcrumbLink()
opacity: 0.75
text-decoration: none
color: #fff
margin-right: $spacing2
padding-right: $spacing3
border-right: solid 1px $dividerColor
@@ -0,0 +1,40 @@
/*
* Copyright 2019 Brigham Young University
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

'use strict'

import { html, css, customElement, LitElement, unsafeCSS } from 'lit-element'
import style from './byu-breadcrumbs.sass'

@customElement('byu-breadcrumbs')
export class BYUBreadcrumbs extends LitElement {

firstUpdated (_changedProperties) {
this.classList.add('byu-component-rendered')
}

static get styles () {
return css`${unsafeCSS(style)}`
}

render () {
return html`
<nav class="byu-breadcrumbs-el">
<slot class="byu-breadcrumbs-items"></slot>
</nav>
`
}
}
@@ -0,0 +1,34 @@
/*!
/ Copyright 2019 Brigham Young University
/
/ Licensed under the Apache License, Version 2.0 (the "License");
/ you may not use this file except in compliance with the License.
/ You may obtain a copy of the License at
/
/ http://www.apache.org/licenses/LICENSE-2.0
/
/ Unless required by applicable law or agreed to in writing, software
/ distributed under the License is distributed on an "AS IS" BASIS,
/ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
/ See the License for the specific language governing permissions and
/ limitations under the License.
/
@import "../shared-styles/vars"
@import "../shared-styles/helpers"
@import byu-breadcrumbs-mixins

// Breadcrumb above the titles
.byu-breadcrumbs-el
::slotted(*)
+breadcrumbLink()

::slotted(*:hover), ::slotted(*:focus)
opacity: 1

::slotted(*:last-child)
border: none

// Hax for Edge
.byu-breadcrumbs-el.style-scope
font-size: $fontSize14

This file was deleted.

This file was deleted.

@@ -0,0 +1,13 @@
=actionButtonLink
font-family: $font-heading
font-weight: $font-weight-semi-bold
color: $white
display: inline-block
position: relative
width: 100%
margin: 0 20px
left: -20px
cursor: pointer
vertical-align: middle
height: 15px
text-decoration: none

0 comments on commit 3e85719

Please sign in to comment.
You can’t perform that action at this time.