-
Notifications
You must be signed in to change notification settings - Fork 46
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
62 changed files
with
1,344 additions
and
518 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,22 +1,25 @@ | ||
| [](https://snyk.io/test/github/pega-digital/bolt) | ||
| <h1> | ||
| <img align="left" width="40" src="https://raw.githubusercontent.com/bolt-design-system/bolt/master/apps/bolt-site/images/bolt-logo.png"> | ||
| Bolt Design System | ||
| </h1> | ||
|
|
||
| # Bolt Design System | ||
| **Check out our new [Bolt Docs site!](https://boltdesignsystem.com)** | ||
|
|
||
| **Please see the [Bolt Docs here](https://bolt-design-system.com)** | ||
|
|
||
| ## Quick Start Setup | ||
|
|
||
| *If this doesn't work, please check the actual docs linked above* | ||
| ## ~60 Second Quick Start Guide | ||
|
|
||
| ```bash | ||
| yarn install | ||
| git clone https://github.com/bolt-design-system/bolt.git ~/sites/bolt | ||
| cd ~/sites/bolt | ||
| npm run setup | ||
| cd apps/pattern-lab | ||
| npm start | ||
| ``` | ||
|
|
||
| ### Big Thanks | ||
| > *Don't already have Homebrew, Yarn, Composer and NPM setup on your local machine? Need a little help getting started? Check out our [in-depth getting started guide](https://boltdesignsystem.com/docs/guides/preparing-your-environment.html) to help get you up and running in no time!* | ||
|
|
||
| ### Huge Thanks! | ||
|
|
||
| Cross-browser Testing Platform and Open Source <3 Provided by [Sauce Labs][homepage] | ||
| Cross-browser Testing Platform and Open Source ❤️ Provided by [Sauce Labs][homepage] | ||
|
|
||
| [homepage]: https://saucelabs.com |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
33 changes: 33 additions & 0 deletions
33
...02-components/band/band-w-pinned-content/60-band-w-pinned-content--via-embed-example.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| {% embed "@bolt-components-band/band.twig" with { | ||
| size: "medium", | ||
| theme: "dark", | ||
| items: [ | ||
| { | ||
| position: { | ||
| align: "end", | ||
| valign: "center", | ||
| row_start: 1, | ||
| column_start: 1, | ||
| column_end: 12, | ||
| }, | ||
| content: include("@pl/_share-component-for-event-example.twig"), | ||
| }, | ||
| ] | ||
| } only %} | ||
| {% block band_content %} | ||
| {% include "@pl/_band-for-event-example.twig" only %} | ||
|
|
||
| {% include "@bolt-components-headline/text.twig" with { | ||
| text: "^ via Twig embed, separate <code>content</code> field, uses <code>band_content</code> Twig block.", | ||
| tag: "p", | ||
| attributes: { | ||
| class: [ | ||
| "u-bolt-margin-top-medium" | ||
| ] | ||
| } | ||
| } only %} | ||
|
|
||
| {% endblock %} | ||
| {% endembed %} | ||
|
|
||
|
|
49 changes: 49 additions & 0 deletions
49
.../band/band-w-pinned-content/60-band-w-pinned-content--via-separate-content-and-items.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| {% include "@bolt-components-band/band.twig" with { | ||
| size: "medium", | ||
| theme: "dark", | ||
| background: { | ||
| opacity: "heavy", | ||
| fill: "color", | ||
| focalPoint: { | ||
| vertical: "center", | ||
| horizontal: "center" | ||
| }, | ||
| contentItems: [ | ||
| { | ||
| pattern: "image", | ||
| src: "/pattern-lab/images/content/backgrounds/background-short-1.jpg", | ||
| lazyload: false | ||
| } | ||
| ] | ||
| }, | ||
| content: [ | ||
| include("@pl/_band-for-event-example.twig"), | ||
| include("@bolt-components-headline/text.twig", { | ||
| text: "^ via Twig Include, items array separate from <code>content</code> field", | ||
| tag: "p", | ||
| attributes: { | ||
| class: [ | ||
| "u-bolt-margin-top-medium" | ||
| ] | ||
| } | ||
| }), | ||
| ] | join(""), | ||
| items: [ | ||
| { | ||
| position: { | ||
| align: "end", | ||
| valign: "center", | ||
| row_start: 1, | ||
| column_start: 1, | ||
| column_end: 12, | ||
| }, | ||
| content: include("@pl/_share-component-for-event-example.twig", { | ||
| size: "small", | ||
| opacity: 80 | ||
| }), | ||
| }, | ||
| ] | ||
| } only %} | ||
|
|
||
|
|
||
|
|
29 changes: 29 additions & 0 deletions
29
...pinned-content/70-band-w-pinned-content--via-combined-content-and-items-data-example.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| {% include "@bolt-components-band/band.twig" with { | ||
| size: "medium", | ||
| theme: "dark", | ||
| items: [ | ||
| { | ||
| position: { | ||
| align: "end", | ||
| valign: "center", | ||
| row_start: 1, | ||
| row_end: 1, | ||
| column_start: 1, | ||
| column_end: 12, | ||
| }, | ||
| content: include("@pl/_share-component-for-event-example.twig"), | ||
| }, | ||
| [ | ||
| include("@pl/_band-for-event-example.twig"), | ||
| include("@bolt-components-headline/text.twig", { | ||
| text: "^ via Twig Include, combined content into single items array, doesn't use <code>content</code> field", | ||
| tag: "p", | ||
| attributes: { | ||
| class: [ | ||
| "u-bolt-margin-top-medium" | ||
| ] | ||
| } | ||
| }), | ||
| ] | join("") | ||
| ] | ||
| } only %} |
66 changes: 66 additions & 0 deletions
66
...n-lab/src/_patterns/02-components/band/band-w-pinned-content/_band-for-event-example.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| {% grid "o-bolt-grid--flex o-bolt-grid--large o-bolt-grid--middle o-bolt-grid--matrix" %} | ||
| {% cell 'u-bolt-width-1/1 u-bolt-width-2/3@medium' %} | ||
| {% include "@bolt/headline.twig" with { | ||
| text: "Pega Events", | ||
| size: "xsmall", | ||
| tag: "span", | ||
| url: "/events", | ||
| icon: { | ||
| name: "arrow-left", | ||
| position: "before" | ||
| } | ||
| } only %} | ||
|
|
||
| {% include "@bolt/headline.twig" with { | ||
| text: "Customer Engagement Summit Detroit", | ||
| size: "xxxlarge", | ||
| tag: "h1", | ||
| } only %} | ||
|
|
||
| {% include "@bolt/subheadline.twig" with { | ||
| text: "Hear insights. Make connections. Drive innovation.", | ||
| size: "xlarge", | ||
| tag: "p", | ||
| } only %} | ||
|
|
||
| {% include "@bolt-components-list/list.twig" with { | ||
| spacing: "small", | ||
| display: "inline@xsmall", | ||
| items: [ | ||
| include("@bolt-components-headline/headline.twig", { | ||
| text: "January 25, 2018", | ||
| size: "large", | ||
| tag: "span", | ||
| url: "#!", | ||
| icon: { | ||
| name: "calendar", | ||
| position: "before", | ||
| size: "medium" | ||
| }, | ||
| }), | ||
| include("@bolt-components-headline/headline.twig", { | ||
| text: "10:00 AM EST", | ||
| size: "large", | ||
| tag: "span", | ||
| url: "#!", | ||
| icon: { | ||
| name: "watch", | ||
| position: "before", | ||
| size: "medium" | ||
| } | ||
| }), | ||
| include("@bolt-components-headline/headline.twig", { | ||
| text: "New York, NY", | ||
| size: "large", | ||
| tag: "span", | ||
| url: "#!", | ||
| icon: { | ||
| name: "map-pin", | ||
| position: "before", | ||
| size: "medium" | ||
| } | ||
| }), | ||
| ] | ||
| } only %} | ||
| {% endcell %} | ||
| {% endgrid %} |
23 changes: 23 additions & 0 deletions
23
...patterns/02-components/band/band-w-pinned-content/_share-component-for-event-example.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| {% include '@bolt-components-share/share.twig' with { | ||
| sources: [ | ||
| { | ||
| name: "facebook", | ||
| url: "https://www.facebook.com/sharer/sharer.php?u=https://5abd3062df99537b79e29496--bolt-design-system.netlify.com/pattern-lab/patterns/02-components-action-blocks-05-action-blocks/02-components-action-blocks-05-action-blocks.html&src=sdkpreparse" | ||
| }, | ||
| { | ||
| name: "twitter", | ||
| url: "https://twitter.com/intent/tweet?url=https://bolt-design-system.com&text=Sample%20Share%20Text&via=pega&hashtags=boltDesignSystemRocks!" | ||
| }, | ||
| { | ||
| name: "linkedin", | ||
| url: "https://www.linkedin.com/shareArticle?url=https://5abd3062df99537b79e29496--bolt-design-system.netlify.com/pattern-lab/patterns/02-components-action-blocks-05-action-blocks/02-components-action-blocks-05-action-blocks.html" | ||
| }, | ||
| { | ||
| name: "email", | ||
| url: "mailto:?&body=Sample%20Text%20--%20https%3A//bolt-design-system.com" | ||
| } | ||
| ], | ||
| copy_to_clipboard: { | ||
| text_to_copy: "http://pega.com" | ||
| } | ||
| } %} |
2 changes: 1 addition & 1 deletion
2
.../pattern-lab/src/_patterns/02-components/copy-to-clipboard/00-copy-to-clipboard-docs.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
4 changes: 1 addition & 3 deletions
4
apps/pattern-lab/src/_patterns/02-components/copy-to-clipboard/05-copy-to-clipboard.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,3 @@ | ||
| <div style="text-align: center; padding: 3rem;"> | ||
| {% include "@bolt-components-copy-to-clipboard/copy-to-clipboard.twig" with { | ||
| url: "http://bolt-design-system.com" | ||
| text_to_copy: "http://bolt-design-system.com" | ||
| } only %} | ||
| </div> |
11 changes: 0 additions & 11 deletions
11
...ern-lab/src/_patterns/02-components/copy-to-clipboard/10--multiple-copy-to-clipboard.twig
This file was deleted.
Oops, something went wrong.
8 changes: 8 additions & 0 deletions
8
...rc/_patterns/02-components/copy-to-clipboard/10-copy-to-clipboard-multiple-instances.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| {% include "@bolt-components-copy-to-clipboard/copy-to-clipboard.twig" with { | ||
| trigger_text: "Copy Link #1", | ||
| text_to_copy: "http://bolt-design-system.com/#link-1" | ||
| } only %} | ||
| {% include "@bolt-components-copy-to-clipboard/copy-to-clipboard.twig" with { | ||
| trigger_text: "Copy Link #2", | ||
| text_to_copy: "http://bolt-design-system.com/#link-2" | ||
| } only %} |
Oops, something went wrong.