@iamproperty/components 7.0.0 → 7.1.0--beta2

package/assets/sass/components/carousel.config.scss

@@ -1,20 +1,18 @@
-@use "../_func.scss" as *;
+@use '../_func.scss' as *;
 
 iam-carousel:defined {
-
   > div > *:last-child {
-    margin-bottom: 0!important;
-    padding-bottom: 0!important;
+    margin-bottom: 0 !important;
+    padding-bottom: 0 !important;
   }
 }
 
 // Preload
 iam-carousel:not(:defined) {
-  
   display: flex;
   flex-wrap: nowrap;
   overflow: auto;
-  margin-block-end: 2rem;    
+  margin-block-end: 2rem;
   overflow: auto;
 
   & > * {
@@ -26,9 +24,8 @@ iam-carousel:not(:defined) {
 }
 
 // #region Carousel inside of a admin panel
-.admin-panel:has(iam-carousel){
-
-  container-type: inline-size; 
+.admin-panel:has(iam-carousel) {
+  container-type: inline-size;
 }
 
 .admin-panel:has(iam-carousel:last-child) iam-carousel::part(carousel) {
@@ -37,7 +34,6 @@ iam-carousel:not(:defined) {
 
 @container (min-width: 62em) {
   .admin-panel iam-carousel {
-
     --carousel-spacing: 1.5rem;
     margin-inline: -1.5rem;
 
@@ -54,15 +50,13 @@ iam-carousel:not(:defined) {
       --last-item-extra: 1.5rem;
     }
   }
-
 }
 // #endregion
 
-// #region carousel in dialog 
-
-dialog:has(iam-carousel){
+// #region carousel in dialog
 
-  container-type: inline-size; 
+dialog:has(iam-carousel) {
+  container-type: inline-size;
   --carousel-spacing: 2rem;
 
   @include media-breakpoint-up(sm) {
@@ -71,14 +65,14 @@ dialog:has(iam-carousel){
   }
 }
 
-dialog:has(iam-carousel:last-child){
+dialog:has(iam-carousel:last-child) {
   iam-carousel::part(carousel) {
-    margin-bottom: 0!important;
+    margin-bottom: 0 !important;
   }
 
   iam-carousel::part(controls) {
-    margin-bottom: 0!important;
+    margin-bottom: 0 !important;
     max-width: calc(100% - 4rem);
   }
 }
-// #endregion
+// #endregion

package/assets/sass/components/charts.config.scss

@@ -1,14 +1,12 @@
-@use "sass:math";
-@use "../_func" as *;
+@use 'sass:math';
+@use '../_func' as *;
 
 iam-barchart {
-
   --chart-bar-alignment: left;
   --chart-text-color: var(--colour-heading);
 }
 
 iam-barchart:not(.chart--horizontal)::part(xaxis-label) {
-
   text-align: left;
   transform-origin: 0rem 1rem;
   transform: rotate(45deg);
@@ -18,14 +16,12 @@ iam-barchart:not(.chart--horizontal)::part(xaxis-label) {
 }
 
 iam-barchart:not(.chart--horizontal)::part(spacer) {
-
   aspect-ratio: 1/1;
   display: block;
   width: fit-content;
 }
 
 iam-barchart:not(.chart--horizontal)::part(chart-key) {
-
   padding-top: 2rem;
   order: 3;
 }
@@ -33,7 +29,6 @@ iam-barchart:not(.chart--horizontal)::part(chart-key) {
 iam-barchart::part(key),
 iam-barchart::part(key-checked),
 iam-barchart::part(key-unchecked) {
-
   --key-border-radius: 50%;
   --btn-border-width: 1px;
   --btn-padding-block: #{rem(6)};
@@ -41,47 +36,45 @@ iam-barchart::part(key-unchecked) {
 
   background-color: var(--colour-canvas-2);
   border: var(--btn-border-width) solid var(--colour-muted);
-  border-radius: rem(4)!important;
-  font-weight: 400!important;
+  border-radius: rem(4) !important;
+  font-weight: 400 !important;
   font-size: 1rem;
   line-height: rem(20);
-  padding: calc(var(--btn-padding-block) - var(--btn-border-width)) calc(var(--btn-padding-inline) - var(--btn-border-width));
+  padding: calc(var(--btn-padding-block) - var(--btn-border-width))
+    calc(var(--btn-padding-inline) - var(--btn-border-width));
   color: var(--colour-heading);
 }
 
-iam-barchart::part(key):is(:hover, :focus, .hover, :focus-within):not([disabled],:active, .active),
-iam-barchart::part(key-checked):is(:hover, :focus, .hover, :focus-within):not([disabled],:active, .active),
-iam-barchart::part(key-unchecked):is(:hover, :focus, .hover, :focus-within):not([disabled],:active, .active) {
+iam-barchart::part(key):is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active),
+iam-barchart::part(key-checked):is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active),
+iam-barchart::part(key-unchecked):is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active) {
   background: var(--colour-btn-action-hover-bg);
 }
 iam-barchart::part(key):is(:hover, :focus, .hover, :focus-within),
 iam-barchart::part(key-checked):is(:hover, :focus, .hover, :focus-within),
-iam-barchart::part(key-unchecked):is(:hover, :focus, .hover, :focus-within){
+iam-barchart::part(key-unchecked):is(:hover, :focus, .hover, :focus-within) {
   background: var(--colour-btn-action-hover-bg);
 }
 
 iam-barchart::part(key-unchecked) {
-    
   opacity: 0.25;
 }
 
 iam-barchart::part(tooltip) {
-  text-decoration: none!important;
+  text-decoration: none !important;
 }
-iam-barchart::part(tooltip):after{
-
-  font-family: "Font Awesome 6 Pro";
+iam-barchart::part(tooltip):after {
+  font-family: 'Font Awesome 6 Pro';
   font-weight: 900;
-  content: "\f059";
+  content: '\f059';
   display: inline-block;
   margin-left: 0.2em;
   margin-right: 0.1em;
   margin-bottom: 0.1em;
   color: var(--colour-primary);
   border: none;
-
 }
 
-iam-barchart{
+iam-barchart {
   //--xaxis-max-width: 3rem;
-}
+}