Updated

@dasig/styles/Box.sass

@@ -1,6 +1,6 @@
-.box
+.dasig-box
   padding: 1rem
 
-.curvedbox
-  @extend .box
+.dasig-curvedbox
+  @extend .dasig-box
   border-radius: 8px

@dasig/styles/Button.sass

@@ -36,7 +36,7 @@ $bootstrapInfo: rgb(49, 210, 242)
 $bootstrapLight: rgb(211, 212, 213)
 $bootstrapDark: rgb(33, 37, 41)
 
-.button
+.dasig-button
   background-color: $primaryColor
   border: none
   color: white
@@ -56,7 +56,7 @@ $bootstrapDark: rgb(33, 37, 41)
     transform: scale(0.95)
 
 .bu-primary
-  @extend .button
+  @extend .dasig-button
   font-family: fonts.$Inter
   background-color: $bulmaPrimary
   color: $bulmaPrimaryText
@@ -145,7 +145,7 @@ $bootstrapDark: rgb(33, 37, 41)
     text-decoration: underline
 
 .bo-primary
-  @extend .button
+  @extend .dasig-button
   font-family: 'Segoe UI', fonts.$Roboto
   background-color: $bootstrapPrimary
   color: $bootstrapTextLight

@dasig/styles/Column.sass

@@ -1,4 +1,4 @@
-.column-top
+.dasig-column-top
   display: flex
   flex-direction: column
   flex-wrap: wrap
@@ -6,7 +6,7 @@
   align-items: center
   align-content: center
 
-.column-center
+.dasig-column-center
   display: flex
   flex-direction: column
   flex-wrap: wrap
@@ -14,7 +14,7 @@
   align-items: center
   align-content: center
 
-.column-right
+.dasig-column-right
   display: flex
   flex-direction: column
   flex-wrap: wrap
@@ -22,7 +22,7 @@
   align-items: center
   align-content: center
 
-.column-split
+.dasig-column-split
   display: flex
   flex-direction: column
   flex-wrap: wrap
@@ -30,7 +30,7 @@
   align-items: center
   align-content: center
 
-.column-spaced
+.dasig-column-spaced
   display: flex
   flex-direction: column
   flex-wrap: wrap

@dasig/styles/Footer.sass

@@ -1,6 +1,6 @@
 @use '../../configs/design/sizes' as view
 
-.footer
+.dasig-footer
   padding: 1rem 0
   margin: 0 2rem
   position: fixed

@dasig/styles/Input.sass

@@ -1,4 +1,4 @@
-.input
+.dasig-input
   font-size: 1rem
   padding: 0.5rem 1rem
   width: 100%

@dasig/styles/Page.sass

@@ -1,13 +1,13 @@
-.page
+.dasig-page
   margin: 2rem
   height: auto
   min-height: 90vh
 
-.column
-  @extend .page
+.dasig-page-column
+  @extend .dasig-page
   display: flex
   flex-direction: column
 
-.row
-  @extend .column
+.dasig-page-row
+  @extend .dasig-page
   flex-direction: row

@dasig/styles/Row.sass

@@ -1,4 +1,4 @@
-.row-left
+.dasig-row-left
   display: flex
   flex-direction: row
   flex-wrap: wrap
@@ -6,7 +6,7 @@
   align-items: center
   align-content: center
 
-.row-center
+.dasig-row-center
   display: flex
   flex-direction: row
   flex-wrap: wrap
@@ -14,7 +14,7 @@
   align-items: center
   align-content: center
 
-.row-right
+.dasig-row-right
   display: flex
   flex-direction: row
   flex-wrap: wrap
@@ -22,7 +22,7 @@
   align-items: center
   align-content: center
 
-.row-split
+.dasig-row-split
   display: flex
   flex-direction: row
   flex-wrap: wrap
@@ -30,7 +30,7 @@
   align-items: center
   align-content: center
 
-.row-spaced
+.dasig-row-spaced
   display: flex
   flex-direction: row
   flex-wrap: wrap
@@ -38,7 +38,7 @@
   align-items: center
   align-content: center
 
-.row-even
+.dasig-row-even
   display: flex
   flex-direction: row
   flex-wrap: wrap