-
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
33 changed files
with
726 additions
and
472 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
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 %} |
67 changes: 67 additions & 0 deletions
67
...ab/src/_patterns/02-components/copy-to-clipboard/15-copy-to-clipboard-custom-content.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,67 @@ | ||
| {% set attributes = create_attribute({}) %} | ||
| {% set icon_size = "medium" %} | ||
|
|
||
| {% set custom_trigger %} | ||
| {% include "@bolt-components-headline/text.twig" with { | ||
| text: "This has a custom trigger", | ||
| url: "#!", | ||
| icon: { | ||
| name: "warning", | ||
| position: "before", | ||
| size: icon_size | ||
| } | ||
| } only %} | ||
| {% endset %} | ||
|
|
||
| {% set custom_transition %} | ||
| Custom transition | ||
| {% endset %} | ||
|
|
||
| {% set custom_confirmation %} | ||
| {% include "@bolt-components-headline/text.twig" with { | ||
| text: "Custom confirmation", | ||
| icon: { | ||
| name: "check", | ||
| position: "before", | ||
| size: icon_size | ||
| } | ||
| } only %} | ||
| {% endset %} | ||
|
|
||
| {% set custom_all %} | ||
| {% include "@bolt-components-headline/text.twig" with { | ||
| text: "This has a custom trigger, transition, and confirmation", | ||
| url: "#!", | ||
| icon: { | ||
| name: "warning", | ||
| position: "before", | ||
| size: icon_size | ||
| } | ||
| } only %} | ||
| {% endset %} | ||
|
|
||
| {% include "@bolt-components-copy-to-clipboard/copy-to-clipboard.twig" with { | ||
| trigger_text: "This text gets ignored by custom trigger", | ||
| text_to_copy: "http://boltdesignsystem.com/#custom-trigger", | ||
| custom_trigger: custom_trigger, | ||
| } only %} | ||
|
|
||
| {% include "@bolt-components-copy-to-clipboard/copy-to-clipboard.twig" with { | ||
| trigger_text: "This has custom transition", | ||
| text_to_copy: "http://boltdesignsystem.com/#custom-transition", | ||
| custom_transition: custom_transition, | ||
| } only %} | ||
|
|
||
| {% include "@bolt-components-copy-to-clipboard/copy-to-clipboard.twig" with { | ||
| trigger_text: "This has custom confirmation", | ||
| text_to_copy: "http://boltdesignsystem.com/#custom-confirmation", | ||
| confirmation: custom_confirmation | ||
| } only %} | ||
|
|
||
| {% include "@bolt-components-copy-to-clipboard/copy-to-clipboard.twig" with { | ||
| trigger_text: "This text gets ignored by custom trigger", | ||
| text_to_copy: "http://bolt-design-system.com/#custom-all", | ||
| custom_trigger: custom_all, | ||
| custom_transition: custom_transition, | ||
| custom_confirmation: custom_confirmation | ||
| } only %} |
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
46 changes: 22 additions & 24 deletions
46
apps/pattern-lab/src/_patterns/02-components/share/05-share.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,25 +1,23 @@ | ||
| <div style="margin: 0 auto; width: 100%; padding: 25rem 0 0;"> | ||
| {% 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" | ||
| } | ||
| ], | ||
| copyToClipboard: { | ||
| url: "http://pega.com" | ||
| {% include "@bolt-components-share/share.twig" with { | ||
| sources: [ | ||
| { | ||
| name: "facebook", | ||
| url: "https://www.facebook.com/sharer/sharer.php?u=https://boltdesignsystem.com&src=sdkpreparse" | ||
| }, | ||
| { | ||
| name: "twitter", | ||
| url: "https://twitter.com/intent/tweet?url=https://boltdesignsystem.com&text=Sample%20Share%20Text&via=pega&hashtags=boltDesignSystemRocks!" | ||
| }, | ||
| { | ||
| name: "linkedin", | ||
| url: "https://www.linkedin.com/shareArticle?url=https://boltdesignsystem.com" | ||
| }, | ||
| { | ||
| name: "email", | ||
| url: "mailto:?&body=Sample%20Text%20--%20https%3A//boltdesignsystem.com" | ||
| } | ||
| } only %} | ||
| </div> | ||
| ], | ||
| copy_to_clipboard: { | ||
| text_to_copy: "http://boltdesignsystem.com" | ||
| }, | ||
| } only %} |
26 changes: 0 additions & 26 deletions
26
apps/pattern-lab/src/_patterns/02-components/share/06-share-custom-label.twig
This file was deleted.
Oops, something went wrong.
26 changes: 0 additions & 26 deletions
26
apps/pattern-lab/src/_patterns/02-components/share/10-share-inline.twig
This file was deleted.
Oops, something went wrong.
29 changes: 29 additions & 0 deletions
29
apps/pattern-lab/src/_patterns/02-components/share/10-share-size-variations.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 @@ | ||
| {% set schema = bolt.data.components["@bolt-components-share"].schema %} | ||
|
|
||
| {% for size in schema.properties.size.enum %} | ||
| <h3>{{ size|capitalize }} Size</h3> | ||
| {% include "@bolt-components-share/share.twig" with { | ||
| size: size, | ||
| sources: [ | ||
| { | ||
| name: "facebook", | ||
| url: "https://www.facebook.com/sharer/sharer.php?u=https://boltdesignsystem.com&src=sdkpreparse" | ||
| }, | ||
| { | ||
| name: "twitter", | ||
| url: "https://twitter.com/intent/tweet?url=https://boltdesignsystem.com&text=Sample%20Share%20Text&via=pega&hashtags=boltDesignSystemRocks!" | ||
| }, | ||
| { | ||
| name: "linkedin", | ||
| url: "https://www.linkedin.com/shareArticle?url=https://boltdesignsystem.com" | ||
| }, | ||
| { | ||
| name: "email", | ||
| url: "mailto:?&body=Sample%20Text%20--%20https%3A//boltdesignsystem.com" | ||
| } | ||
| ], | ||
| copy_to_clipboard: { | ||
| text_to_copy: "http://boltdesignsystem.com/#share-size" | ||
| } | ||
| } only %} | ||
| {% endfor %} |
27 changes: 0 additions & 27 deletions
27
apps/pattern-lab/src/_patterns/02-components/share/11-share-inline-custom-label.twig
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.