@iamproperty/components 5.2.0 → 5.3.0-beta2

package/assets/css/components/card.css

@@ -1 +1 @@
-.card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--colour-canvas-2);outline-offset:-2px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--card-icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--card-icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;font-weight:400 !important;vertical-align:middle !important}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;padding-top:1.5rem !important;font-size:1rem !important}.card__badges{position:absolute;top:0;right:.25rem;padding:.25rem;z-index:9;text-align:right;width:1}.card__head .card__badges{top:auto;bottom:0;text-align:left;left:.25rem;right:auto}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:checked,.checked,:active,.active){outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card--filter:is(:checked,.checked,:active,.active) .card__body{background:none}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{font-size:3rem;line-height:3rem;padding-right:1rem}@media screen and (prefers-color-scheme: dark){.card--filter .card__body{background:none !important}.card--filter:is(:hover,:focus,.hover,:active,.active):not(:checked,.checked){outline:2px solid var(--colour, var(--colour-primary)) !important;outline-offset:-2px}}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:102%;height:102%;object-fit:cover}.card.card--lg-image:has(.card__head) .card__head{padding-top:55%}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}:host([data-selected]) .card:before,:host([data-selected]) .card:after{display:none !important}:host(.card--flag){position:relative}:host(.card--flag):after{content:"";font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;right:1rem;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block;font-weight:normal;color:var(--colour, var(--colour-primary))}/*# sourceMappingURL=card.css.map */
+.card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--colour-canvas-2);outline-offset:-2px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--card-icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--card-icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.card .card__total{font-size:3rem;line-height:3rem;padding-right:1rem;margin-top:.5rem}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;font-weight:400 !important;vertical-align:middle !important}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;padding-top:1.5rem !important;font-size:1rem !important}.card__badges{position:absolute;top:0;right:.25rem;padding:.25rem;z-index:9;text-align:right;width:1}.card__head .card__badges{top:auto;bottom:0;text-align:left;left:.25rem;right:auto}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:checked,.checked,:active,.active){outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card--filter:is(:checked,.checked,:active,.active) .card__body{background:none}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{margin-top:0;order:-1}@media screen and (prefers-color-scheme: dark){.card--filter .card__body{background:none !important}.card--filter:is(:hover,:focus,.hover,:active,.active):not(:checked,.checked){outline:2px solid var(--colour, var(--colour-primary)) !important;outline-offset:-2px}}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:102%;height:102%;object-fit:cover}.card.card--lg-image:has(.card__head) .card__head{padding-top:55%}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}:host([data-selected]) .card:before,:host([data-selected]) .card:after{display:none !important}:host(.card--flag){position:relative}:host(.card--flag):after{content:"";font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;right:1rem;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block;font-weight:normal;color:var(--colour, var(--colour-primary))}.card--secondary{--card-top-padding: 1rem;--card-bottom-padding: 1.5rem}.card--secondary:before,.card--secondary:after{display:none}.card--secondary .btn-compact{position:absolute;top:0;right:0;margin:.5rem .5rem 0 0;z-index:99}.card--secondary:has(.btn-compact:is(:hover,:focus,:active)){pointer-events:none;outline:none}.card--secondary:has(.btn-compact:is(:hover,:focus,:active)) .card__body{background:none;border-color:rgba(0,0,0,0) !important}.card--secondary:has(.btn-compact:is(:hover,:focus,:active)) .btn-compact{pointer-events:all}.card--secondary ::slotted(i){display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important;line-height:2.5rem}/*# sourceMappingURL=card.css.map */

package/assets/css/components/card.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/card.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"CAGA,MACE,wBACA,kCACA,wCACA,kBACA,iBACA,mBACA,mBACA,4BACA,gBACA,WACA,gBACA,cACA,gBACA,UACA,kCACA,yCACA,oBAEA,eACE,gBACA,0BACA,8BAGF,YACE,kBACA,8GACA,WAGF,yBAEE,WACA,kBACA,6BACA,kCACA,cACA,aACA,iCACA,kBAGF,YACE,uCACA,6BACA,cACA,sBACA,sBACA,qCACA,sBACA,8BACA,8BACA,UAGF,+BACE,0BACA,uDACA,oBAMA,4DACE,uCAEF,2DACE,gBAIJ,0BACE,0BACA,aAEA,iCACE,iCAEF,gCACE,iCAIJ,kBACE,mBAKF,WACE,cACA,iBACA,mBACA,eAGF,2CAEE,mBACA,aAEA,+DACE,YACA,WACA,oBACA,oBACA,uBACA,kBAEA,mEACE,kBACA,MACA,OACA,WACA,YACA,mBAMR,aACE,4BACA,kDACA,2BACA,iCAGF,4BACE,yBACA,8BACA,8BACA,0BAKF,cACE,kBACA,MACA,aACA,eACA,UACA,iBACA,QAEF,0BAEE,SACA,SACA,gBACA,YACA,WAKF,oCAGE,+DAKF,cACE,sBACA,sBACA,yBACA,qBAIA,4CAEE,mBACA,aAGF,yCAEE,aAGF,uCACE,aAEA,mDACE,gBAIJ,oDACE,uDACA,oBAEA,gEACE,gBAIJ,6BACE,uBACA,YAGF,oBACE,8BACA,2BACA,8BACA,2BACA,yBAGF,2BACE,eACA,iBACA,mBCzMF,+CDgNE,0BACE,2BAGF,8EACE,kEACA,qBAKN,2BACE,yBACA,8BACA,8BAMA,mCACE,iBACA,gBACA,kBACA,gBACA,0BACA,WAEA,uCACE,kBACA,MACA,OACA,WACA,YACA,iBAKN,kDAEE,gBAOA,+BACE,aAGF,uCACE,kBACA,gBACA,8GACA,WACA,cASF,uEAEE,wBAKJ,mBACE,kBAEA,yBACE,YACA,iCACA,kBACA,SACA,WACA,eACA,cACA,YACA,WACA,qBACA,mBACA","file":"card.css"}
+{"version":3,"sourceRoot":"","sources":["../../sass/components/card.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"CAGA,MACE,wBACA,kCACA,wCACA,kBACA,iBACA,mBACA,mBACA,4BACA,gBACA,WACA,gBACA,cACA,gBACA,UACA,kCACA,yCACA,oBAEA,eACE,gBACA,0BACA,8BAGF,YACE,kBACA,8GACA,WAGF,yBAEE,WACA,kBACA,6BACA,kCACA,cACA,aACA,iCACA,kBAGF,YACE,uCACA,6BACA,cACA,sBACA,sBACA,qCACA,sBACA,8BACA,8BACA,UAGF,+BACE,0BACA,uDACA,oBAMA,4DACE,uCAEF,2DACE,gBAIJ,0BACE,0BACA,aAEA,iCACE,iCAEF,gCACE,iCAIJ,kBACE,mBAKF,WACE,cACA,iBACA,mBACA,eAGF,2CAEE,mBACA,aAEA,+DACE,YACA,WACA,oBACA,oBACA,uBACA,kBAEA,mEACE,kBACA,MACA,OACA,WACA,YACA,mBAMN,mBACE,eACA,iBACA,mBACA,iBAIJ,aACE,4BACA,kDACA,2BACA,iCAGF,4BACE,yBACA,8BACA,8BACA,0BAKF,cACE,kBACA,MACA,aACA,eACA,UACA,iBACA,QAEF,0BAEE,SACA,SACA,gBACA,YACA,WAKF,oCAGE,+DAKF,cACE,sBACA,sBACA,yBACA,qBAIA,4CAEE,mBACA,aAGF,yCAEE,aAGF,uCACE,aAEA,mDACE,gBAIJ,oDACE,uDACA,oBAEA,gEACE,gBAIJ,6BACE,uBACA,YAGF,oBACE,8BACA,2BACA,8BACA,2BACA,yBAGF,2BACE,aACA,SChNF,+CDuNE,0BACE,2BAGF,8EACE,kEACA,qBAKN,2BACE,yBACA,8BACA,8BAMA,mCACE,iBACA,gBACA,kBACA,gBACA,0BACA,WAEA,uCACE,kBACA,MACA,OACA,WACA,YACA,iBAKN,kDAEE,gBAOA,+BACE,aAGF,uCACE,kBACA,gBACA,8GACA,WACA,cASF,uEAEE,wBAKJ,mBACE,kBAEA,yBACE,YACA,iCACA,kBACA,SACA,WACA,eACA,cACA,YACA,WACA,qBACA,mBACA,2CAOJ,iBAEE,yBACA,8BAEA,+CAEE,aAIJ,8BACE,kBACA,MACA,QACA,uBACA,WAGF,6DAEE,oBACA,aAEA,yEACE,gBACA,sCAGF,0EACE,mBAIJ,8BACE,yBACA,4BACA,kCACA","file":"card.css"}