diff --git a/styleguide/source/_data/floating-action.json b/styleguide/source/_data/floating-action.json index 91271d83b7..f2ab1a0d9d 100644 --- a/styleguide/source/_data/floating-action.json +++ b/styleguide/source/_data/floating-action.json @@ -1,10 +1,11 @@ { "floatingAction": { - "type":"buttonLink", "alignment": "right", "button": { "href": "#", "text": "Tell us what you think", + "info": "", + "type": "", "theme": "green", "outline": true, "size": "small" diff --git a/styleguide/source/_data/footerLinks.json b/styleguide/source/_data/footerLinks.json index 79f6050709..f62eba6f5c 100644 --- a/styleguide/source/_data/footerLinks.json +++ b/styleguide/source/_data/footerLinks.json @@ -2,6 +2,7 @@ "footerLinks": { "items": [{ "heading": "FooterLinks1", + "id": "FooterLinks1", "links": [{ "href": "#", "text": "Living" @@ -20,6 +21,7 @@ }] },{ "heading": "FooterLinks2", + "id": "FooterLinks2", "links": [{ "href": "#", "text": "Contact Us" @@ -32,6 +34,7 @@ }] },{ "heading": "FooterLinks3", + "id": "FooterLinks3", "links": [{ "href": "#", "text": "Sitemap" diff --git a/styleguide/source/_data/utilityNav.json b/styleguide/source/_data/utilityNav.json index cfcf16735d..85c846cf7c 100644 --- a/styleguide/source/_data/utilityNav.json +++ b/styleguide/source/_data/utilityNav.json @@ -1,24 +1,5 @@ { "utilityNav": { - "dropdown": { - "labelText": "Language:", - "id": "lang-select", - "name": "lang-select", - "options": [{ - "text": "Default language: English", - "value": "en" - },{ - "text": "Français", - "value": "fr" - },{ - "text": "Deutsch", - "value": "de" - },{ - "text": "Español", - "value": "es" - }] - }, - "items": [{ "text": "State Organizations", "ariaLabelText": "", diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-as-link.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-as-link.md new file mode 100644 index 0000000000..631642936e --- /dev/null +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-as-link.md @@ -0,0 +1,5 @@ +### Description +This is a variant of the [Button](./?p=atoms-button) pattern showing an example using a link instead of a button. + +### How to generate +* Populate the 'href' variable diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-as-outline.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-as-outline.md new file mode 100644 index 0000000000..1cc6ace792 --- /dev/null +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-as-outline.md @@ -0,0 +1,5 @@ +### Description +This is a variant of the [Button](./?p=atoms-button) pattern showing an example styled as an outline. + +### How to generate +* set the 'outline' variable to true diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-as-quaternary-color.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-as-quaternary-color.md new file mode 100644 index 0000000000..742b24cfbf --- /dev/null +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-as-quaternary-color.md @@ -0,0 +1,5 @@ +### Description +This is a variant of the [Button](./?p=atoms-button) pattern showing an example in gray. + +### How to generate +* set the 'theme' variable to 'quaternary' diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-as-secondary-color.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-as-secondary-color.md new file mode 100644 index 0000000000..30ade2c13f --- /dev/null +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-as-secondary-color.md @@ -0,0 +1,7 @@ +### Description +This is a variant of the [Button](./?p=atoms-button) pattern showing a small button example in green with an outline. + +### How to generate +* set the 'theme' variable to 'secondary' +* set the 'outline' variable to true +* set the 'size' variable to 'small' diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-as-small.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-as-small.md new file mode 100644 index 0000000000..1fafb7c295 --- /dev/null +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-as-small.md @@ -0,0 +1,5 @@ +### Description +This is a variant of the [Button](./?p=atoms-button) pattern showing an example of a small button. + +### How to generate +* set the 'size' variable to 'small' diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-link.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-link.md index 351dc6e15a..ab5ea8e77e 100644 --- a/styleguide/source/_patterns/01-atoms/01-buttons/button-link.md +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-link.md @@ -3,7 +3,7 @@ title: Button Link --- Description: A link `` element which is styled to look like a button. -## State: ALPHA +## State: depreciated ### Notes: - 'theme' eventually needs to be changed to 'color' and used as a modifier class (--color) diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-search.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-search.md index df9ce260eb..4279dd63b6 100644 --- a/styleguide/source/_patterns/01-atoms/01-buttons/button-search.md +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-search.md @@ -1,22 +1,13 @@ ---- -title: Button Search ---- -Description: A `