Href change

the-curve-consulting · Feb 13, 2024 · 22df739 · 22df739
1 parent 249f97a
commit 22df739
Show file tree

Hide file tree

Showing 13 changed files with 170 additions and 20 deletions.
diff --git a/dist/components/breadcrumb/Breadcrumb.d.ts b/dist/components/breadcrumb/Breadcrumb.d.ts
@@ -4,7 +4,7 @@ interface BreadcrumbProps extends React.HTMLProps<HTMLHeadingElement> {
 }
 declare const Breadcrumb: {
     ({ children, ...rest }: BreadcrumbProps): React.JSX.Element;
-    Item: ({ text, active, href, className, ...rest }: BreadcrumbItemProps) => React.JSX.Element;
+    Item: ({ text, active, route, className, ...rest }: BreadcrumbItemProps) => React.JSX.Element;
 };
 export default Breadcrumb;
 //# sourceMappingURL=Breadcrumb.d.ts.map
diff --git a/dist/components/breadcrumb/components/BreadcrumbItem.d.ts b/dist/components/breadcrumb/components/BreadcrumbItem.d.ts
@@ -2,8 +2,8 @@ import React from 'react';
 export interface BreadcrumbItemProps extends React.HTMLProps<HTMLSpanElement> {
     text: string;
     active: boolean;
-    href: string;
+    route: string;
 }
-declare const BreadcrumbItem: ({ text, active, href, className, ...rest }: BreadcrumbItemProps) => React.JSX.Element;
+declare const BreadcrumbItem: ({ text, active, route, className, ...rest }: BreadcrumbItemProps) => React.JSX.Element;
 export default BreadcrumbItem;
 //# sourceMappingURL=BreadcrumbItem.d.ts.map
diff --git a/dist/components/breadcrumb/components/BreadcrumbItem.d.ts.map b/dist/components/breadcrumb/components/BreadcrumbItem.d.ts.map
diff --git a/dist/index.css b/dist/index.css
@@ -949,7 +949,7 @@
 @import 'bootstrap-icons/font/bootstrap-icons.css';
 body {
   color: var(--texmo-text-color);
-  font-family: var(--texmo-font);
+  font-family: var(--texmo-font) !important;
   font-weight: 400;
   font-style: normal;
 }
@@ -1008,6 +1008,55 @@ h1, .h1 {
   border-left: 0 !important;
 }
 
+.form-control.is-valid,
+.was-validated .form-control:valid {
+  background-image: none;
+}
+
+.form-control.is-invalid,
+.was-validated .form-control:invalid {
+  background-image: none;
+}
+
+a.card-link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.card.card-hover-effect {
+  transition: transform 0.3s ease-in-out;
+  text-decoration: none;
+}
+
+.card-hover-effect:hover {
+  transform: translateY(5px);
+}
+
+.gray-text {
+  color: #9fa8b3;
+}
+
+.page-header {
+  width: 100%;
+}
+
+.page-header-column {
+  flex: 1;
+}
+
+.right-page-header-column {
+  justify-content: flex-end;
+}
+
+a.breadcrumb-item {
+  text-decoration: none;
+  color: var(--texmo-text-color);
+}
+
+a.breadcrumb-item:hover {
+  text-decoration: underline;
+}
+
 :root {
   --texmo-primary-color: #6A955B;
   --texmo-text-color: #424244;

diff --git a/dist/index.es.css b/dist/index.es.css
@@ -949,7 +949,7 @@
 @import 'bootstrap-icons/font/bootstrap-icons.css';
 body {
   color: var(--texmo-text-color);
-  font-family: var(--texmo-font);
+  font-family: var(--texmo-font) !important;
   font-weight: 400;
   font-style: normal;
 }
@@ -1008,6 +1008,55 @@ h1, .h1 {
   border-left: 0 !important;
 }
 
+.form-control.is-valid,
+.was-validated .form-control:valid {
+  background-image: none;
+}
+
+.form-control.is-invalid,
+.was-validated .form-control:invalid {
+  background-image: none;
+}
+
+a.card-link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.card.card-hover-effect {
+  transition: transform 0.3s ease-in-out;
+  text-decoration: none;
+}
+
+.card-hover-effect:hover {
+  transform: translateY(5px);
+}
+
+.gray-text {
+  color: #9fa8b3;
+}
+
+.page-header {
+  width: 100%;
+}
+
+.page-header-column {
+  flex: 1;
+}
+
+.right-page-header-column {
+  justify-content: flex-end;
+}
+
+a.breadcrumb-item {
+  text-decoration: none;
+  color: var(--texmo-text-color);
+}
+
+a.breadcrumb-item:hover {
+  text-decoration: underline;
+}
+
 :root {
   --texmo-primary-color: #6A955B;
   --texmo-text-color: #424244;

diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.es.js.map b/dist/index.es.js.map
diff --git a/dist/index.js b/dist/index.js
@@ -24391,12 +24391,13 @@ SearchBar.Input = SearchBarInput;
 SearchBar.Button = SearchBarButton;
 
 var BreadcrumbItem = function (_a) {
-    var text = _a.text, active = _a.active, href = _a.href, className = _a.className, rest = __rest(_a, ["text", "active", "href", "className"]);
+    var text = _a.text, active = _a.active, route = _a.route, className = _a.className, rest = __rest(_a, ["text", "active", "route", "className"]);
     if (active) {
         return (React.createElement("span", __assign$1({ className: "gray-text ".concat(className) }, rest), text));
     }
+    var baseUrl = window.location.origin;
     return (React.createElement("span", __assign$1({ className: className }, rest),
-        React.createElement("a", { className: "breadcrumb-item", href: href }, text)));
+        React.createElement("a", { className: "breadcrumb-item", href: "".concat(baseUrl).concat(route) }, text)));
 };
 
 var Breadcrumb = function (_a) {

diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/dist/index.min.css b/dist/index.min.css
@@ -949,7 +949,7 @@
 @import 'bootstrap-icons/font/bootstrap-icons.css';
 body {
   color: var(--texmo-text-color);
-  font-family: var(--texmo-font);
+  font-family: var(--texmo-font) !important;
   font-weight: 400;
   font-style: normal;
 }
@@ -1008,6 +1008,55 @@ h1, .h1 {
   border-left: 0 !important;
 }
 
+.form-control.is-valid,
+.was-validated .form-control:valid {
+  background-image: none;
+}
+
+.form-control.is-invalid,
+.was-validated .form-control:invalid {
+  background-image: none;
+}
+
+a.card-link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.card.card-hover-effect {
+  transition: transform 0.3s ease-in-out;
+  text-decoration: none;
+}
+
+.card-hover-effect:hover {
+  transform: translateY(5px);
+}
+
+.gray-text {
+  color: #9fa8b3;
+}
+
+.page-header {
+  width: 100%;
+}
+
+.page-header-column {
+  flex: 1;
+}
+
+.right-page-header-column {
+  justify-content: flex-end;
+}
+
+a.breadcrumb-item {
+  text-decoration: none;
+  color: var(--texmo-text-color);
+}
+
+a.breadcrumb-item:hover {
+  text-decoration: underline;
+}
+
 :root {
   --texmo-primary-color: #6A955B;
   --texmo-text-color: #424244;

diff --git a/dist/index.min.js b/dist/index.min.js
diff --git a/dist/index.min.js.map b/dist/index.min.js.map
diff --git a/src/components/breadcrumb/components/BreadcrumbItem.tsx b/src/components/breadcrumb/components/BreadcrumbItem.tsx
@@ -3,13 +3,13 @@ import React from 'react';
 export interface BreadcrumbItemProps extends React.HTMLProps<HTMLSpanElement> {
   text: string;
   active: boolean;
-  href: string;
+  route: string;
 }
 
 const BreadcrumbItem = ({
   text,
   active,
-  href,
+  route,
   className,
   ...rest
 }: BreadcrumbItemProps) => {
@@ -21,9 +21,11 @@ const BreadcrumbItem = ({
     );
   }
 
+  const baseUrl = window.location.origin;
+
   return (
     <span className={className} {...rest}>
-      <a className="breadcrumb-item" href={href}>
+      <a className="breadcrumb-item" href={`${baseUrl}${route}`}>
         {text}
       </a>
     </span>