@iamproperty/components 7.5.1--beta12 → 7.6.0

package/assets/sass/components/split-button.component.scss

@@ -49,6 +49,10 @@
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
       }
+
+      &::after {
+        display: none;
+      }
     }
   }
 }

package/assets/sass/elements/buttons--action.scss

@@ -59,7 +59,7 @@ $darkMode: 'true' !default;
   }
 
   // #region Select as button
-  .btn:has(select) {
+  .btn-action:has(select) {
     padding-block: 0;
     padding-right: 2rem;
 

package/assets/sass/elements/buttons--global.scss

@@ -53,7 +53,7 @@ $darkMode: 'true' !default;
     --btn-line-height: #{rem(20)};
 
     display: inline-block;
-    font-weight: 500;
+    font-weight: bold;
     text-align: left;
     text-decoration: none;
     vertical-align: middle;
@@ -239,23 +239,24 @@ $darkMode: 'true' !default;
 
   .btn:has(select) {
     position: relative;
-    padding-right: rem(56);
+    padding: 0;
 
     select {
       all: unset !important;
-      margin: calc(rem(-12)) calc(rem(-40)) !important;
+      
       padding: var(--btn-padding-block) var(--btn-padding-inline) !important;
-      padding-right: rem(56) !important;
-      margin-right: rem(-56) !important;
+      
+      padding-right: calc(var(--btn-padding-inline) + 2rem)!important;
+
       border-radius: rem(24) !important;
       appearance: none !important;
       background: none !important;
       border: none !important;
       color: currentColor !important;
       display: block;
-      max-width: 100% !important;
+      //max-width: 100% !important;
       outline: none;
-      font-weight: 500;
+      font-weight: bold;
       font-size: var(--btn-font-size) !important;
       line-height: var(--btn-line-height) !important;
       field-sizing: content!important;
@@ -270,7 +271,7 @@ $darkMode: 'true' !default;
     &:after {
       position: absolute;
       top: rem(10);
-      right: rem(32);
+      right: 1.5rem;
 
       content: '';
       height: rem(24);

package/assets/sass/elements/details.scss

@@ -127,7 +127,7 @@ $darkMode: 'true' !default;
     &[open] summary :is(h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6, .label) {
       &:after {
         content: '\f056';
-        font-weight: 400;
+        font-weight: 900;
       }
     }
 
@@ -147,7 +147,7 @@ $darkMode: 'true' !default;
       font-size: rem(18);
       line-height: var(--line-height);
       padding-bottom: map.get($heading-sizes, 'h3_pb');
-      font-weight: 500;
+      font-weight: 700;
       max-width: 100%;
 
       &:after {

package/assets/sass/elements/forms.scss

@@ -810,7 +810,7 @@ $optionalText: 'true' !default;
   // #endregion
 
   // #region label with input field in
-  :is(label:not(.tag), .label):has(:is(input, select)) {
+  :is(label:not(.tag), .label):has(:is(input, select, textarea)) {
     display: block;
     margin-bottom: rem(24);
     max-width: $input-max-width;

package/assets/sass/elements/links.scss

@@ -56,7 +56,7 @@ $darkMode: 'true' !default;
     line-height: rem(24);
     min-height: rem(24);
     position: relative;
-    font-weight: 500;
+    font-weight: bold;
 
     &:not(.text-decoration-none) {
       &:after {
@@ -320,7 +320,7 @@ iam-collapsible-side {
       li:first-of-type {
         a::before {
           content: '\f056';
-          font-weight: 500;
+          font-weight: bold;
         }
       }
 

package/assets/sass/elements/prefix.scss

@@ -34,7 +34,18 @@
     text-align: center;
     text-overflow: ellipsis;
     position: relative;
-    height: stretch;
+
+
+    height: calc(
+      var(--input-padding-block, #{rem(12)}) + var(--input-padding-block, #{rem(12)}) + var(--input-lh, #{rem(20)}) +
+        4px
+    );
+
+    @supports (height: stretch) {
+      
+      height: stretch;
+    }
+
 
     flex-shrink: 0;
 

package/assets/sass/elements/type.scss

@@ -21,7 +21,7 @@ $darkMode: 'true' !default;
     margin-bottom: 0;
     font-family: $headings-font-family;
     font-style: $headings-font-style;
-    font-weight: 500;
+    font-weight: bold;
 
     line-height: round(calc(1em * var(--type-scale)), 0.25rem);
     padding-bottom: round(calc(1em * var(--type-scale)), 0.25rem);
@@ -40,12 +40,12 @@ $darkMode: 'true' !default;
 
   :is(.h1, h1) {
     font-size: map.get($heading-sizes, 'h1_fs');
-    font-weight: 700;
+    font-weight: 900;
   }
 
   :is(h2, .h2) {
     font-size: map.get($heading-sizes, 'h2_fs');
-    font-weight: 500;
+    font-weight: 900;
   }
 
   :is(h3, .h3) {
@@ -83,7 +83,7 @@ $darkMode: 'true' !default;
     line-height: rem(map.get($heading-sizes, 'lead_lh'));
     padding-bottom: rem(map.get($heading-sizes, 'lead_pb'));
     max-width: var(--content-max-width);
-    font-weight: 500;
+    font-weight: 700;
   }
 
   small,
@@ -117,7 +117,7 @@ $darkMode: 'true' !default;
   }
 
   strong {
-    font-weight: 500;
+    font-weight: bolder;
     font-family: var(--font-heading);
     color: var(--colour-heading);
   }
@@ -153,7 +153,7 @@ $darkMode: 'true' !default;
       font-size: rem(18);
       line-height: rem(32);
       padding-bottom: 0;
-      font-weight: 500;
+      font-weight: bold;
       font-style: normal;
     }
   }

package/assets/ts/components/tabs/tabs.component.ts

@@ -23,10 +23,6 @@ class iamTabs extends HTMLElement {
     <style>
     
     ${loadCSS}
-
-    :host(.admin-panel){
-      display: contents!important;
-    }
     
     ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
     </style>