diff --git a/package.json b/package.json index 5c90817..b4be583 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "pcp-design", - "version": "2.1.0", + "version": "2.1.1", "description": "", "main": "index.js", "scripts": { diff --git a/src/_PATTERN.content-tabs-swap.html b/src/_PATTERN.content-tabs-swap.html deleted file mode 100644 index 88aaff0..0000000 --- a/src/_PATTERN.content-tabs-swap.html +++ /dev/null @@ -1,24 +0,0 @@ -
- -
-
- -
-
- tab 1 content -
-
- tab 2 content -
-
diff --git a/src/component_stepped-tabs.html b/src/component_stepped-tabs.html index 58156fc..c18c65e 100644 --- a/src/component_stepped-tabs.html +++ b/src/component_stepped-tabs.html @@ -26,8 +26,8 @@

Component: Stepped Tabs

As seen on

-

Price Discovery re-opened.

+

Discovery re-opened.

diff --git a/src/includes/growl_reopen-discovery.html b/src/includes/growl_reopen-discovery.html index e49164e..0bc77a9 100644 --- a/src/includes/growl_reopen-discovery.html +++ b/src/includes/growl_reopen-discovery.html @@ -4,7 +4,7 @@

Are you sure?

-

Re-opening Price Discovery will reset any work completed in future steps.

+

Re-opening Discovery will reset any work completed in future steps.

diff --git a/src/includes/pcp-info-bar.html b/src/includes/pcp-info-bar.html index 1107a05..0e73168 100644 --- a/src/includes/pcp-info-bar.html +++ b/src/includes/pcp-info-bar.html @@ -1,16 +1,16 @@

- EFFECTIVE DATE - + EFFECTIVE DATE +
- ORGANIZER - Carol Brady + ORGANIZER + Carol Brady
- APPROVER - Mike Brady + APPROVER + Mike Brady
NOTES diff --git a/src/includes/pcp-stepped-tabs__closing.html b/src/includes/pcp-stepped-tabs__closing.html index 6821ea7..b38e8c9 100644 --- a/src/includes/pcp-stepped-tabs__closing.html +++ b/src/includes/pcp-stepped-tabs__closing.html @@ -10,7 +10,7 @@
  • {% include: 'includes/icon.html' @NAME:'checkmark' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %} - Price Discovery + Discovery
  • diff --git a/src/includes/pcp-stepped-tabs__discovery--at-adjustments.html b/src/includes/pcp-stepped-tabs__discovery--at-adjustments.html index 5882b8f..258162d 100644 --- a/src/includes/pcp-stepped-tabs__discovery--at-adjustments.html +++ b/src/includes/pcp-stepped-tabs__discovery--at-adjustments.html @@ -10,7 +10,7 @@
  • {% include: 'includes/icon.html' @NAME:'checkmark' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %} - Price Discovery + Discovery
  • diff --git a/src/includes/pcp-stepped-tabs__discovery.html b/src/includes/pcp-stepped-tabs__discovery.html index 6aff0fa..61f5aa1 100644 --- a/src/includes/pcp-stepped-tabs__discovery.html +++ b/src/includes/pcp-stepped-tabs__discovery.html @@ -10,7 +10,7 @@
  • {% include: 'includes/icon.html' @NAME:'contrast' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %} - Price Discovery + Discovery
  • diff --git a/src/includes/pcp-stepped-tabs__init.html b/src/includes/pcp-stepped-tabs__init.html index d462244..a20303c 100644 --- a/src/includes/pcp-stepped-tabs__init.html +++ b/src/includes/pcp-stepped-tabs__init.html @@ -10,7 +10,7 @@
  • {% include: 'includes/icon.html' @NAME:'radio-unchecked' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %} - Price Discovery + Discovery
  • diff --git a/src/includes/pcp-stepped-tabs__mapping.html b/src/includes/pcp-stepped-tabs__mapping.html index 87c7c0e..5ab6299 100644 --- a/src/includes/pcp-stepped-tabs__mapping.html +++ b/src/includes/pcp-stepped-tabs__mapping.html @@ -10,7 +10,7 @@
  • {% include: 'includes/icon.html' @NAME:'checkmark' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %} - Price Discovery + Discovery
  • diff --git a/src/includes/pcp-stepped-tabs__publish.html b/src/includes/pcp-stepped-tabs__publish.html index 8684614..8c1d20a 100644 --- a/src/includes/pcp-stepped-tabs__publish.html +++ b/src/includes/pcp-stepped-tabs__publish.html @@ -10,7 +10,7 @@
  • {% include: 'includes/icon.html' @NAME:'checkmark' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %} - Price Discovery + Discovery
  • diff --git a/src/includes/pcp-stepped-tabs__review.html b/src/includes/pcp-stepped-tabs__review.html index 4f27b71..91d0734 100644 --- a/src/includes/pcp-stepped-tabs__review.html +++ b/src/includes/pcp-stepped-tabs__review.html @@ -10,7 +10,7 @@
  • {% include: 'includes/icon.html' @NAME:'checkmark' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %} - Price Discovery + Discovery
  • diff --git a/src/includes/prototype-list.html b/src/includes/prototype-list.html index 0339304..6561c27 100644 --- a/src/includes/prototype-list.html +++ b/src/includes/prototype-list.html @@ -13,9 +13,9 @@

    Pages

  • Home
  • Home, Publish Complete
  • Initialize new Daily Process
  • -
  • Price Discovery
  • -
  • Price Discovery - Limited
  • -
  • Price Discovery - Complete
  • +
  • Discovery
  • +
  • Discovery - Limited
  • +
  • Discovery - Complete
  • Closing
  • Adjustments
  • Adjustments - Empty State Panel
  • diff --git a/src/stylesheets/components/_pcp.brand.scss b/src/stylesheets/components/_pcp.brand.scss deleted file mode 100644 index 682d743..0000000 --- a/src/stylesheets/components/_pcp.brand.scss +++ /dev/null @@ -1,100 +0,0 @@ -.pcp-brand { - - @include clearfix; - - &__logo { - - display: none; - - @include breakpoint(L) { - display: block; - height: ($size-base * 9); - float: left; - margin-right: $size-small; - height: ($size-base * 11); - margin-right: $size-default; - } - - } - - &__label { - - white-space: nowrap; - display: block; - color: $color-fsa-white; - - } - - &__usda { - - @include font-size(0); - font-size: 12px; - display: block; - - @include breakpoint(M) { - @include font-size(0); - } - - @include breakpoint(L) { - @include font-size(1); - } - - } - - &__agency { - - @include font-size(3); - line-height: 1; - font-weight: $font-bold; - text-decoration: none; - color: $color-fsa-white; - - @include breakpoint(L) { - @include font-size(4); - } - - &:active, - &:hover { - color: $color-fsa-white; - text-decoration: underline; - } - - &:visited { - color: $color-fsa-white; - } - - } - - &__us { - - display: none; - - @include breakpoint(L) { - display: inline; - } - - } - - &__da { - - &:before { - content: attr(data-before); - margin-right: 3px; - - @include breakpoint(L) { - display: none; - } - } - - - - } - -} - -// scss-lint:disable QualifyingElement -a.pcp-brand__agency:hover, -a.pcp-brand__agency:active, -a.pcp-brand__agency:focus { - color: $color-fsa-white; -} diff --git a/src/stylesheets/components/_pcp.card.scss b/src/stylesheets/components/_pcp.card.scss deleted file mode 100644 index 1af3ccb..0000000 --- a/src/stylesheets/components/_pcp.card.scss +++ /dev/null @@ -1,25 +0,0 @@ -.pcp-card { - - padding: - $size-default - $size-default - ($size-default * 1.5) - ; - background-color: $color-fsa-site-bg; - - &__hd {} - - &__title { - @include font-size(4); - margin: 0 0 .5em; - } - - &__bd {} - - &__ft {} - - &__status { - margin-top: .5em; - } - -} diff --git a/src/stylesheets/components/_pcp.disclaimer.scss b/src/stylesheets/components/_pcp.disclaimer.scss deleted file mode 100644 index 6cedd7e..0000000 --- a/src/stylesheets/components/_pcp.disclaimer.scss +++ /dev/null @@ -1,69 +0,0 @@ -.pcp-disclaimer { - - &__stage { - - display: block; - margin: 0; - - a { - - color: inherit; - text-decoration: none; - - &:hover { - text-decoration: underline;; - } - - } - - } - - &__app-name { - - font-weight: $font-bold; - text-transform: uppercase; - - &:before { - .pcp-disclaimer__abbr + & { - content: '-'; - margin-left: ($size-base / 2); - margin-right: $size-base; - } - } - - } - - &__abbr { - - &:before { - .pcp-disclaimer__app-name + & { - content: '-'; - margin-left: ($size-base / 2); - margin-right: $size-base; - } - } - - } - - &__official { - - text-transform: capitalize; - - @include breakpoint(L) { - text-transform: none; - } - - } - - &__hide-on-mobile { - - display: none; - - @include breakpoint(L) { - display: inline; - } - - - } - -} diff --git a/src/stylesheets/components/_pcp.footer-TEMP.scss b/src/stylesheets/components/_pcp.footer-TEMP.scss deleted file mode 100644 index 1d98814..0000000 --- a/src/stylesheets/components/_pcp.footer-TEMP.scss +++ /dev/null @@ -1,17 +0,0 @@ -.pcp-footer-TEMP { - - margin-top: $size-extra-large; - padding-left: $size-default; - padding-right: $size-default; - background-color: $color-fsa-tertiary-100; - - &__bd { - margin-left: auto; - margin-right: auto; - max-width: $site-max-width; - text-align: center; - padding: 11vh 0; - color: $color-fsa-tertiary-300; - } - -} diff --git a/src/stylesheets/components/_pcp.global-access.scss b/src/stylesheets/components/_pcp.global-access.scss deleted file mode 100644 index 61fb3a1..0000000 --- a/src/stylesheets/components/_pcp.global-access.scss +++ /dev/null @@ -1,25 +0,0 @@ -.pcp-global-access { - - &__list { - - @include reset-ul(); - - &-item { - - @include reset-li(); - display: inline-block; - - @include breakpoint(M) { - position: relative; - } - - & + & { - margin-left: $size-small; - } - - } - - } - - -} diff --git a/src/stylesheets/components/_pcp.growl.scss b/src/stylesheets/components/_pcp.growl.scss deleted file mode 100644 index c4445b0..0000000 --- a/src/stylesheets/components/_pcp.growl.scss +++ /dev/null @@ -1,135 +0,0 @@ -@keyframes growlDissmiss { - to { - opacity: 0; - transform: translate3d(100%, 0, 0); - } -} - -@keyframes growlShow { - from { - opacity: 0; - transform: translate3d(100%, 0, 0); - } - to { - opacity: 1; - transform: translate3d(0, 0, 0); - } -} - -.pcp-growl-container { - - position: fixed; - top: $size-default; - right: $size-default; - left: $size-default; - z-index: 1001; - - @include breakpoint(L) { - left: auto; - width: 364px; - } - - &--centered { - - z-index: 1002; - - @include breakpoint(L) { - position: fixed; - left: 50%; - top: $size-extra-large; - transform: translate(-50%, 0); - } - - } - - &--hidden { - display: none; - } - -} - -.pcp-growl { - - padding: $size-default; - box-shadow: 0 $size-base $size-small 0 rgba(0, 0, 0, .25); - margin-bottom: 1em; - background-color: $color-fsa-aqua-100; - border: 1px solid $color-fsa-aqua; - border-left-width: 4px; - animation: .43s growlShow ease-in-out both; - - &--centered { - animation: none; - } - - &--dismissing { - animation: .23s growlDissmiss both; - } - - &--error { - background-color: $color-fsa-red-100; - border-color: $color-fsa-red; - } - - &--warning { - background-color: $color-gold-lightest; - border-color: $color-gold; - } - - &--success { - background-color: $color-fsa-primary-100; - border-color: $color-fsa-primary; - } - - &--hidden { - display: none; - } - - &__hd { - position: relative; - } - - &__close { - - @include pcp-button-reset; - position: absolute; - top: -$size-default; - right: -$size-default; - padding: ($size-default * 1.5); - - &:active { - opacity: .6; - } - - } - - &__close-icon { - width: $size-default; - display: block; - } - - &__title { - @include h3(); - margin-top: 0; - margin-bottom: .5em; - font-family: $font-sans; - padding-right: $size-medium; - color: $color-base; - } - - &__bd { - - padding-right: $size-medium; - font-size: $font-size-2; - - :first-child { - margin-top: 0; - } - - p { - margin-bottom: .5em; - } - - } - -} diff --git a/src/stylesheets/components/_pcp.header.scss b/src/stylesheets/components/_pcp.header.scss deleted file mode 100644 index 88b6f13..0000000 --- a/src/stylesheets/components/_pcp.header.scss +++ /dev/null @@ -1,32 +0,0 @@ -.pcp-header { - - background-color: #fff; - padding: 1.5rem 0; - background-color: $color-fsa-primary; - text-align: left; - - &__bd { - - display: flex; - max-width: ($site-max-width + 24px); - margin-left: auto; - margin-right: auto; - padding: 0 $size-default; - text-align: left; - color: $color-fsa-white; - - } - - &__prop { - flex: 1; - padding-right: $size-small; - } - - &__options { - color: $color-fsa-white; - text-align: right; - display: flex; - align-items: flex-end; - } - -} diff --git a/src/stylesheets/components/_pcp.modal.scss b/src/stylesheets/components/_pcp.modal.scss deleted file mode 100644 index d6557cb..0000000 --- a/src/stylesheets/components/_pcp.modal.scss +++ /dev/null @@ -1,117 +0,0 @@ - -.pcp-modal { - - will-change: visibility, opacity; - display: flex; - align-items: center; - justify-content: center; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - overflow-y: auto; - overflow-x: hidden; - z-index: 1001; - visibility: hidden; - opacity: 0; - transition: all .5s cubic-bezier(.23, 1, .32, 1); - transition-delay: 0s; - background-color: transparentize($color-fsa-tertiary-900, .4); - - &--active { - visibility: visible; - opacity: 1; - } - - &--top, - &--fullscreen { - align-items: flex-start; - } - - &__dialog { - - padding: $size-default; - position: relative; - width: 100%; - max-height: 100%; - - @include breakpoint(M) { - padding: $size-medium; - } - - @include breakpoint(L) { - padding: ($size-large * 2) $size-medium; - max-width: 800px; - } - - // scss-lint:disable SelectorFormat - .pcp-modal--small & { - - @include breakpoint(M) { - max-width: 400px; - } - - } - - .pcp-modal--large & { - max-width: $site-max-width; - } - - .pcp-modal--fullscreen & { - - padding-top: $size-medium; - - @include breakpoint(L) { - max-width: 100%; - } - - } - - } - - &__close { - - @include pcp-button-reset; - position: absolute; - top: 0; - right: 0; - padding: ($size-default * 1.5); - z-index: 2; - - &:active { - opacity: .6; - } - - } - - &__close-icon { - width: ($size-base * 4); - display: block; - } - - &__title { - @include h2(); - margin-top: 0; - font-family: $font-sans; - font-weight: $font-normal; - } - - &__content { - position: relative; - padding: $size-medium; - background-color: $color-fsa-site-bg; - background-clip: padding-box; - box-shadow: 0 $size-default $size-default 0 rgba(0, 0, 0, .25); - } - - &__content-bleed { - margin-left: -$size-medium; - margin-right: -$size-medium; - } - - &__content--active { - opacity: 1; - } - -} diff --git a/src/stylesheets/components/_pcp.nav-global.scss b/src/stylesheets/components/_pcp.nav-global.scss deleted file mode 100644 index c76e273..0000000 --- a/src/stylesheets/components/_pcp.nav-global.scss +++ /dev/null @@ -1,75 +0,0 @@ -.pcp-nav-global { - - background-color: $color-fsa-white; - border-bottom: 1px solid $color-fsa-tertiary-200; - - &__bd { - max-width: ($site-max-width + 24px); - margin-left: auto; - margin-right: auto; - padding: 0; - } - - &__list { - @include reset-ul(); - display: flex; - } - - &__list-item { - @include reset-li(); - display: inline-block; - } - - &__link { - - @include font-size(2); - display: block; - font-weight: $font-bold; - text-decoration: none; - padding: 0 $size-default; - - @include breakpoint(M) { - @include font-size(3); - } - - &:link, - &:visited { - color: $color-fsa-tertiary-300; - } - - span { - - display: block; - padding: $size-small 0; - - @include breakpoint(M) { - padding: $size-default 0; - } - - } - - &:hover, - &:focus { - - span { - box-shadow: 0 (-$size-base / 2) 0 0 $color-fsa-tertiary-300 inset; - } - - } - - &--active { - - &:link, - &:visited { - color: $color-fsa-base; - } - - span { - box-shadow: 0 (-$size-base) 0 0 $color-fsa-secondary inset; - } - - } - - } - -} diff --git a/src/stylesheets/components/_pcp.table.ARCHIVED.scss b/src/stylesheets/components/_pcp.table.ARCHIVED.scss deleted file mode 100644 index bb90c7d..0000000 --- a/src/stylesheets/components/_pcp.table.ARCHIVED.scss +++ /dev/null @@ -1,203 +0,0 @@ -/* --------------------------------------------------------------------------*/ -/* RESULTS */ -.inq-results_hd { - margin-top: 1.5em; -} - -.inq-results_hd-item { - cursor: pointer; - color: #323a45; -} - -.inq-results_hd-item:hover { - cursor: pointer; - color: #2e8540; - text-decoration: underline; -} - -.inq-results_hd-item-label { - white-space: nowrap; -} - -.inq-results_hd-item-label:after { - content: ''; - background-size: 100%; - width: 12px; - height: 12px; - display: inline-block; - vertical-align: middle; - position: relative; - top: -2px; - margin-left: 4px; -} - -.is-sorted-down .inq-results_hd-item-label:after, -.is-sorted-up .inq-results_hd-item-label:after { - background-image: url("../img/chevron-up.png"); - background-image: url("../img/chevron-up.svg"); -} - -.is-sorted-up .inq-results_hd-item-label:after { - background-image: url("../img/chevron-down.png"); - background-image: url("../img/chevron-down.svg"); -} - -.inq-results_title { - margin-top: 0; -} - -.inq-results-aside { - text-align: right; -} - -.inq-results-filter_field { - display: block; -} -@media screen and (min-width: 600px) { - .inq-results-filter_field { - width: 180px; - display: inline-block; - } -} -@media screen and (max-width: 600px) { - .inq-results-filter_label { - display: none; - } -} -@media screen and (min-width: 600px) { - .inq-results-filter_label { - display: inline; - margin-right: 12px; - margin-top: -4px; - } -} -@media screen and (min-width: 600px) { - .inq-results-filter { - display: inline-block; - text-align: right; - } -} - -.inq-results_table { - border-top: 2px solid #5b616b; - margin-top: 1em; - margin-bottom: 1em; -} - -.inq-results_table a { - text-decoration: underline; -} - -.inq-results_table a:visited { - color: #0071bc; -} - -.inq-results_table a:hover { - color: #205493; -} - -.inq-results_table td, -.inq-results_table th { - padding: 1.5rem 0.6rem; -} - -.inq-results_row--inactive td, -.inq-results_row--inactive th { - background-color: rgba(0,0,0,.03); - color: rgba(0,0,0,.4); -} - -.inq-results_table th {} - -.inq-results_table td { - vertical-align: top; -} -@media screen and (min-width: 600px) { - .inq-results_table td:first-child, - .inq-results_table th:first-child { - padding-left: 0; - } - - .inq-results_table td:last-child, - .inq-results_table th:last-child { - padding-right: 0; - } -} -@media screen and (max-width: 600px) { - .inq-results_bd, - .inq-results_row, - .inq-results_table, - .inq-results_table td, - .inq-results_table th { - display: block; - border: 0; - } - - .inq-results_table { - border-top: 2px solid #5b616b; - } - - .inq-results_hd { - display: none; - } - - .ie9 .inq-results_hd { - display: block; - } - - .inq-results_row { - border-bottom: 1px solid #5b616b; - padding-bottom: 1.5rem; - } - - .inq-results_table td, - .inq-results_table th { - border: 0; - padding: 1.5rem 0 0; - } - - .ie9 .inq-results_table td, - .ie9 .inq-results_table th { - padding: 1.5rem 0.5rem; - } - - .inq-results_table td { - position: relative; - padding-left: 80px; - } - - .inq-results_table td:before { - content: attr(data-label); - display: block; - font-weight: 700; - position: absolute; - left: 0; - } - - .ie9 .inq-results_table td:before { - display: none; - } -} - -.inq-status-label { - text-transform: capitalize; -} -@media screen and (min-width: 800px) { - .inq-results_hd-item--status { - width: 110px; - } -} - -.inq-results_trunc { - cursor: pointer; - color: #0071bc; - text-decoration: underline; -} - -.inq-results_trunc:hover { - color: #205493; -} - -.anchor-link { - cursor: pointer; -} diff --git a/src/stylesheets/components/_pcp.whiteout.scss b/src/stylesheets/components/_pcp.whiteout.scss deleted file mode 100644 index b3bf0f1..0000000 --- a/src/stylesheets/components/_pcp.whiteout.scss +++ /dev/null @@ -1,15 +0,0 @@ -.pcp-whiteout { - - position: fixed; - z-index: 1002; - left: 0; - top: 0; - right: 0; - bottom: 0; - background-color: transparentize($color-fsa-tertiary-900, .4); - - &--hidden { - display: none; - } - -} diff --git a/src/stylesheets/elements/_pcp.icon-TEMP.scss b/src/stylesheets/elements/_pcp.icon-TEMP.scss deleted file mode 100644 index 6f7baf2..0000000 --- a/src/stylesheets/elements/_pcp.icon-TEMP.scss +++ /dev/null @@ -1,48 +0,0 @@ -.pcp-icon-TEMP { - - $icon-size: $size-large; - - position: relative; - appearance: none; - border: 0; - padding: 0; - margin: 0; - display: inline-block; - background-color: $color-fsa-primary-900; - text-indent: $icon-size * 2; - overflow: hidden; - line-height: 1; - - width: $icon-size * .9; - height: $icon-size * .9; - - @include breakpoint(S) { - width: $icon-size; - height: $icon-size; - } - - &:hover { - background-color: $color-fsa-primary-300; - } - - &::-moz-focus-inner, - &::-moz-focus-inner { - border: 0; - padding: 0; - } - - // --------------------------------------------------------------------------- - - &--small { - - width: $icon-size * .5; - height: $icon-size * .5; - - @include breakpoint(S) { - width: $icon-size * .5; - height: $icon-size * .5; - } - - } - -} diff --git a/src/stylesheets/utility/_pcp.utility.scss b/src/stylesheets/utility/_pcp.utility.scss deleted file mode 100644 index e69de29..0000000