@visns-studio/visns-components 6.0.4 → 6.0.5

package/src/components/styles/GenericQuote.module.scss

@@ -1,3 +1,8 @@
+@use 'controls' as *;
+
+.btn {
+    @include button-primary;
+}
 /* Proposal System Styles (backward compatible) */
 .proposalControls {
     background: #f8f9fa;
@@ -680,29 +685,9 @@
     border: 1px solid var(--secondary-color);
 }
 
-.btn {
-    width: max-content;
-    display: inline-block;
-    position: relative;
-    padding: 0.65rem 1rem;
-    cursor: pointer;
-    font-size: 1rem;
-    color: var(--tertiary-color);
-    text-decoration: none;
-    overflow: hidden;
-    background: var(--primary-color);
-    border: 1px solid rgba(var(--primary-color--rgb), 1.1);
-    border-radius: var(--br);
-    outline: none;
-    transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1) 0s;
-    font-size: 1.25em;
-}
 
-.btn:hover {
-    color: var(--primary-color);
-    background: var(--highlight-color);
-    border: 1px solid rgba(var(--highlight-rgb), 1.05);
-}
+
+
 
 .crmtitle {
     min-height: auto;

package/src/components/styles/GenericReport.module.scss

@@ -1,3 +1,8 @@
+@use 'controls' as *;
+
+.btn {
+    @include button-primary;
+}
 // Use project root CSS variables instead of local SCSS variables
 // This allows the component to adapt to different project themes
 
@@ -2140,44 +2145,7 @@
 }
 
 // Buttons
-.btn {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    padding: 12px calc(var(--padding) * 1.5);
-    border: none;
-    border-radius: var(--radius);
-    font-size: 0.875rem;
-    font-weight: 600;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    text-decoration: none;
-    min-height: 44px;
-    position: relative;
-    overflow: hidden;
 
-    &:disabled {
-        opacity: 0.5;
-        cursor: not-allowed;
-        transform: none !important;
-    }
-
-    &:focus {
-        outline: 2px solid rgba(var(--primary-rgb), 0.3);
-        outline-offset: 2px;
-    }
-
-    &:active:not(:disabled) {
-        transform: translateY(1px);
-    }
-
-    svg {
-        width: 16px;
-        height: 16px;
-        flex-shrink: 0;
-    }
-}
 
 .btnPrimary {
     background-color: var(--primary-color);