@iamproperty/components 6.0.0 → 6.1.0--beta2

package/assets/sass/elements/buttons.scss

@@ -1,5 +1,38 @@
 @use "../_func.scss" as *;
 
+// #region rset
+button {
+  // stylelint-disable-next-line property-disallowed-list
+  border-radius: 0;
+
+  text-transform: none;
+  margin: 0; // 1
+  font-family: inherit;
+  @include font-size(inherit);
+  line-height: inherit;
+}
+
+[role="button"] {
+  cursor: pointer;
+}
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+button,
+[type="button"], // 1
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; // 2
+
+  @if $enable-button-pointers {
+    &:not(:disabled) {
+      cursor: pointer; // 3
+    }
+  }
+}
+// #endregion
+
 // #region button primary
 .btn {
 
@@ -110,6 +143,7 @@ a:is(:hover, :focus, .hover, :active, .active):not([disabled]) .btn-secondary,
   color: var(--colour-heading);
 
   &.btn[class*=fa-]:before {
+    content: var(--fa);
     margin-right: rem(6);
   }
 
@@ -132,6 +166,7 @@ a:is(:hover, :focus, .hover, :active, .active):not([disabled]) .btn-secondary,
 // #region button with icon
 .btn {
   &[class*="fa-"]:before {
+    content: var(--fa);
     font-family: "Font Awesome 6 Pro";
     line-height: 1em;
   }
@@ -235,6 +270,7 @@ a:is(:hover, :focus, .hover, :active, .active):not([disabled]) .btn-secondary,
   font-size: rem(20);
 
   &:before {
+    content: var(--fa);
     position: absolute;
     top: 0;
     left: 0;

package/assets/sass/elements/container.scss

@@ -1,14 +1,16 @@
 @use "sass:math";
 @use "../_func.scss" as *;
 
-@import "../../bootstrap/scss/_grid.scss";
-
 // #region container
 .container {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-  padding: var(--container-padding);
+
+  
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    padding: var(--container-padding);
+  
+    grid-column: container!important;
   width: 100%;
 
   &:not(.container-fluid) {
@@ -58,6 +60,14 @@
   }
 }
 
+:host .container {
+  display: block;
+    margin-left: auto;
+    margin-right: auto;
+    padding: var(--container-padding);
+    width: 100%;
+}
+
 
 // replicate container padding-bottom
 main > .row {

package/assets/sass/elements/details.scss

@@ -1,6 +1,8 @@
 
 details {
 
+  display: block;
+
   &:not([open]){
       
     padding-bottom: rem(32);