Merge pull request #11 from williamtroup/1.0.2

1.0.2
williamtroup · Jan 21, 2024 · aa12fb8 · aa12fb8
2 parents f235d9a + bf6a45b
commit aa12fb8
Show file tree

Hide file tree

Showing 13 changed files with 101 additions and 35 deletions.
diff --git a/README.md b/README.md
@@ -2,15 +2,15 @@
 Journey.js
 
 [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Journey.js%2C%20a%20free%20JavaScript%journey%builder&url=https://github.com/williamtroup/Journey.js&hashtags=javascript,html,journey,guide)
-[![npm](https://img.shields.io/badge/npmjs-v1.0.1-blue)](https://www.npmjs.com/package/jjourney.js)
-[![nuget](https://img.shields.io/badge/nuget-v1.0.1-purple)](https://www.nuget.org/packages/jJourney.js/)
+[![npm](https://img.shields.io/badge/npmjs-v1.0.2-blue)](https://www.npmjs.com/package/jjourney.js)
+[![nuget](https://img.shields.io/badge/nuget-v1.0.2-purple)](https://www.nuget.org/packages/jJourney.js/)
 [![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Journey.js/blob/main/LICENSE.txt)
 [![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Journey.js/discussions)
-[![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://github.com/williamtroup)
+[![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://www.william-troup.com/)
 </h1>
 
 > <p align="center">🚶 A lightweight, easy-to-use JavaScript library to create interactive, customizable, accessible guided tours across your websites or web apps!</p>
-> <p align="center">v1.0.1</p>
+> <p align="center">v1.0.2</p>
 <br />
 
 ![Journey.js](docs/images/main.png)

diff --git a/README_NUGET.md b/README_NUGET.md
@@ -1,11 +1,11 @@
-# Journey.js v1.0.1
+# Journey.js v1.0.2
 
 [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Journey.js%2C%20a%20free%20JavaScript%journey%builder&url=https://github.com/williamtroup/Journey.js&hashtags=javascript,html,journey,guide)
-[![npm](https://img.shields.io/badge/npmjs-v1.0.1-blue)](https://www.npmjs.com/package/jjourney.js)
-[![nuget](https://img.shields.io/badge/nuget-v1.0.1-purple)](https://www.nuget.org/packages/jJourney.js/)
+[![npm](https://img.shields.io/badge/npmjs-v1.0.2-blue)](https://www.npmjs.com/package/jjourney.js)
+[![nuget](https://img.shields.io/badge/nuget-v1.0.2-purple)](https://www.nuget.org/packages/jJourney.js/)
 [![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Journey.js/blob/main/LICENSE.txt)
 [![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Journey.js/discussions)
-[![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://github.com/williamtroup)
+[![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://www.william-troup.com/)
 
 > 🚶 A lightweight, easy-to-use JavaScript library to create interactive, customizable, accessible guided tours across your websites or web apps!
 

diff --git a/dist/journey.js b/dist/journey.js
@@ -1,4 +1,4 @@
-/*! Journey.js v1.0.1 | (c) Bunoon 2024 | MIT License */
+/*! Journey.js v1.0.2 | (c) Bunoon 2024 | MIT License */
 (function() {
   function y() {
     var a = z[l[h]];
@@ -272,7 +272,7 @@
     return this;
   };
   this.getVersion = function() {
-    return "1.0.1";
+    return "1.0.2";
   };
   (function(a, b) {
     q = a;

diff --git a/dist/journey.js.css b/dist/journey.js.css
@@ -1,5 +1,5 @@
 /*
- * Journey.js Library v1.0.1
+ * Journey.js Library v1.0.2
  *
  * Copyright 2024 Bunoon
  * Released under the MIT License
@@ -23,14 +23,20 @@
   --journey-js-dialog-button-hover-background-color: #007FFF;
   --journey-js-dialog-button-hover-border-color: var(--journey-js-dialog-button-border-color);
   --journey-js-dialog-button-hover-text-color: var(--journey-js-dialog-button-text-color);
+  --journey-js-dialog-button-active-background-color: #00b7ff;
+  --journey-js-dialog-button-active-border-color: var(--journey-js-dialog-button-border-color);
+  --journey-js-dialog-button-active-text-color: var(--journey-js-dialog-button-text-color);
   --journey-js-dialog-button-disabled-background-color: var(--journey-js-dialog-background-color);
   --journey-js-dialog-close-button-background-color: var(--journey-js-dialog-button-background-color);
-  --journey-js-dialog-close-button-border-color: #3457D5;
+  --journey-js-dialog-close-button-border-color: var(--journey-js-dialog-button-border-color);
   --journey-js-dialog-close-button-size: 1.1rem;
   --journey-js-dialog-close-button-x-color: var(--journey-js-color-white);
-  --journey-js-dialog-close-button-hover-background-color: #007FFF;
+  --journey-js-dialog-close-button-hover-background-color: var(--journey-js-dialog-button-hover-background-color);
   --journey-js-dialog-close-button-hover-x-color: var(--journey-js-dialog-close-button-x-color);
   --journey-js-dialog-close-button-hover-border-color: var(--journey-js-dialog-close-button-border-color);
+  --journey-js-dialog-close-button-active-background-color: var(--journey-js-dialog-button-active-background-color);
+  --journey-js-dialog-close-button-active-x-color: var(--journey-js-dialog-close-button-x-color);
+  --journey-js-dialog-close-button-active-border-color: var(--journey-js-dialog-close-button-border-color);
   --journey-js-border-radius: 0.5rem;
   --journey-js-border-size: 0.5px;
   --journey-js-spacing: 10px;
@@ -69,6 +75,7 @@ div.journey-js-dialog button.close {
   padding: 0;
   background-color: var(--journey-js-dialog-close-button-background-color);
   border: var(--journey-js-border-size) solid var(--journey-js-dialog-close-button-border-color);
+  transition: var(--journey-js-transition);
 }
 div.journey-js-dialog button.close::before, div.journey-js-dialog button.close::after {
   content: "";
@@ -84,15 +91,20 @@ div.journey-js-dialog button.close::before, div.journey-js-dialog button.close::
 div.journey-js-dialog button.close::after {
   transform: rotate(-45deg) translateX(0px);
 }
+div.journey-js-dialog button.close:active {
+  border: var(--journey-js-border-size) solid var(--journey-js-dialog-close-button-active-border-color) !important;
+  background-color: var(--journey-js-dialog-close-button-active-background-color) !important;
+}
+div.journey-js-dialog button.close:active::before, div.journey-js-dialog button.close:active::after {
+  background: var(--journey-js-dialog-close-button-active-x-color) !important;
+}
 div.journey-js-dialog button.close:hover {
   cursor: pointer;
   border: var(--journey-js-border-size) solid var(--journey-js-dialog-close-button-hover-border-color);
-  transition: var(--journey-js-transition);
   background-color: var(--journey-js-dialog-close-button-hover-background-color);
 }
 div.journey-js-dialog button.close:hover::before, div.journey-js-dialog button.close:hover::after {
   background: var(--journey-js-dialog-close-button-hover-x-color);
-  transition: var(--journey-js-transition);
 }
 div.journey-js-dialog div:first-of-type {
   padding-right: calc(var(--journey-js-dialog-close-button-size) + var(--journey-js-spacing));
@@ -130,12 +142,17 @@ div.journey-js-dialog div.progress-dots div.dot {
   width: 10px;
   background-color: var(--journey-js-dialog-button-background-color);
   border: var(--journey-js-border-size) solid var(--journey-js-dialog-button-border-color);
+  transition: var(--journey-js-transition);
+}
+div.journey-js-dialog div.progress-dots div.dot:active {
+  background-color: var(--journey-js-dialog-button-active-background-color) !important;
+  border: var(--journey-js-border-size) solid var(--journey-js-dialog-button-active-border-color) !important;
+  color: var(--journey-js-color-white) !important;
 }
 div.journey-js-dialog div.progress-dots div.dot:hover {
   cursor: pointer;
   background-color: var(--journey-js-dialog-button-hover-background-color);
   border: var(--journey-js-border-size) solid var(--journey-js-dialog-button-hover-border-color);
-  transition: var(--journey-js-transition);
   color: var(--journey-js-color-white) !important;
 }
 div.journey-js-dialog div.progress-dots div.dot-number {
@@ -170,14 +187,21 @@ div.journey-js-dialog div.buttons button.next {
   border: var(--journey-js-border-size) solid var(--journey-js-dialog-button-border-color);
   min-width: 100px;
   padding: var(--journey-js-spacing);
+  transition: var(--journey-js-transition);
+  outline: none;
+}
+div.journey-js-dialog div.buttons button.back:not([disabled]):active,
+div.journey-js-dialog div.buttons button.next:not([disabled]):active {
+  background-color: var(--journey-js-dialog-button-active-background-color) !important;
+  color: var(--journey-js-dialog-button-active-text-color) !important;
+  border: var(--journey-js-border-size) solid var(--journey-js-dialog-button-active-border-color) !important;
 }
 div.journey-js-dialog div.buttons button.back:not([disabled]):hover,
 div.journey-js-dialog div.buttons button.next:not([disabled]):hover {
   cursor: pointer;
   background-color: var(--journey-js-dialog-button-hover-background-color);
   color: var(--journey-js-dialog-button-hover-text-color);
   border: var(--journey-js-border-size) solid var(--journey-js-dialog-button-hover-border-color);
-  transition: var(--journey-js-transition);
 }
 div.journey-js-dialog div.buttons button.back:disabled,
 div.journey-js-dialog div.buttons button.next:disabled {

diff --git a/dist/journey.js.css.map b/dist/journey.js.css.map