@iamproperty/components 3.7.7 → 3.7.8--beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/card.css +1 -1
- package/assets/css/components/card.css.map +1 -1
- package/assets/css/components/forms.css +1 -1
- package/assets/css/components/forms.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/bundle.js +2 -0
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/card/card.component.js +36 -12
- package/assets/js/components/card/card.component.min.js +5 -5
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.js +2 -0
- package/assets/js/dynamic.min.js +5 -5
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/flat-components.js +2 -0
- package/assets/js/modules/dialogs.js +2 -1
- package/assets/js/modules/inputs.js +62 -0
- package/assets/js/scripts.bundle.js +13 -13
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/sass/_forms.scss +3 -3
- package/assets/sass/components/card.scss +26 -3
- package/assets/sass/components/forms.scss +497 -113
- package/assets/sass/foundations/links.scss +6 -2
- package/assets/sass/foundations/reboot.scss +3 -3
- package/assets/ts/bundle.ts +2 -0
- package/assets/ts/components/card/card.component.ts +55 -13
- package/assets/ts/dynamic.ts +2 -0
- package/assets/ts/flat-components.ts +2 -0
- package/assets/ts/modules/dialogs.ts +2 -1
- package/assets/ts/modules/inputs.ts +88 -0
- package/dist/components.es.js +853 -848
- package/dist/components.umd.js +30 -27
- package/package.json +1 -1
- package/src/components/Input/Input.vue +11 -7
- package/src/components/Input/README.md +1 -3
- package/src/components/Table/Table.vue +1 -1
|
@@ -1 +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:var(--contrast-outline-width, 0px) solid var(--colour-primary);outline-offset:-1px}.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;margin:-3px var(--card-icon-right) 0 0;font-weight:400;vertical-align:middle}::slotted(span){display:block;font-weight:normal;padding-top:1.5rem;font-size:1rem}.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
|
|
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:var(--contrast-outline-width, 0px) solid var(--colour-primary);outline-offset:-1px}.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;margin:-3px var(--card-icon-right) 0 0;font-weight:400;vertical-align:middle}::slotted(span){display:block;font-weight:normal;padding-top:1.5rem;font-size:1rem}.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(:active,.active) .card__body{background:#e0e0e0}.card--filter:is(:checked,.checked){outline:2px solid var(--colour, var(--colour-info));outline-offset:-2px}.card--filter:is(:checked,.checked) .card__body{background:#e0e0e0}.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}/*# sourceMappingURL=card.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.scss"],"names":[],"mappings":"AAGA,MACE,wBACA,kCACA,wCACA,kBACA,iBACA,mBACA,mBACA,4BACA,gBACA,WACA,gBACA,cACA,gBACA,UACA,kCACA,uEACA,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,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.scss"],"names":[],"mappings":"AAGA,MACE,wBACA,kCACA,wCACA,kBACA,iBACA,mBACA,mBACA,4BACA,gBACA,WACA,gBACA,cACA,gBACA,UACA,kCACA,uEACA,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,iBACA,uCACA,gBACA,sBAGF,gBACE,cACA,mBACA,mBACA,eAKF,oCAGE,+DAKF,cACE,sBACA,sBACA,yBACA,qBAIA,4CAEE,mBACA,aAGF,yCAEE,aAGF,uCACE,aAEA,mDACE,gBAMF,8CACE,mBAIJ,oCACE,oDACA,oBAEA,gDACE,mBAIJ,6BACE,uBACA,YAGF,oBACE,8BACA,2BACA,8BACA,2BACA,yBAGF,2BACE,eACA,iBACA,mBAIJ,+CAGI,0BACE,2BAGF,8EACE,kEACA,qBAMN,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","file":"card.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.form-control__wrapper{margin-bottom:1.5rem;max-width:50rem;position:relative}.form-control__wrapper label{display:block}.form-control__wrapper label[title]:after{content:"";display:inline-block;margin-left:.25em;margin-bottom:.1em;width:1em;height:1em;vertical-align:text-bottom;background:currentColor;mask-image:var(--icon-question);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-question);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}.form-control-inline{display:flex;align-items:center}.form-control-inline label{white-space:nowrap;padding-right:1rem}.form-control-color{width:3rem;height:3rem;overflow:hidden;padding:0}.input-group>.form-control-color{flex:0 0 3rem}.form-control-color::-moz-color-swatch{height:3rem;border-radius:0;border:none}.form-control-color::-webkit-color-swatch{height:3rem;border-radius:0;border:none}.input-group .form-range{flex:1 1 0;height:auto;margin-right:1rem}.form-control__wrapper.form-control--inline-text{display:inline}.form-control__wrapper.form-control--inline-text label{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}.form-control__wrapper.form-control--inline-text select{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background-color:rgba(0,0,0,0);border:none;padding:0 5px;margin:0 -5px;display:inline-block;width:auto;padding-right:1em;background-position:right .2rem center}.form-check{overflow:hidden}.form-check input,.form-check label{cursor:pointer}.form-check input:not([disabled])+label:hover,.form-check input:not([disabled]):hover+label,.form-check input:not([disabled]):focus+label{color:var(--colour-hover);border-color:var(--colour-hover)}.form-check+.form-check{margin-top:-0.5rem}.form-check-label{float:left}.form-check-label+.form-check-input{margin-left:1rem;margin-right:.5rem}.conditional{display:none}input:checked+.conditional,input:checked+label+.conditional{display:block;clear:both}input:not([class*=conditional-input-]):nth-of-type(1):checked~.conditional-1,input:not([class*=conditional-input-]):nth-of-type(2):checked~.conditional-2,input:not([class*=conditional-input-]):nth-of-type(3):checked~.conditional-3,input:not([class*=conditional-input-]):nth-of-type(4):checked~.conditional-4,input:not([class*=conditional-input-]):nth-of-type(5):checked~.conditional-5,input.conditional-input-1:checked~.conditional-1,input.conditional-input-2:checked~.conditional-2,input.conditional-input-3:checked~.conditional-3,input.conditional-input-4:checked~.conditional-4,input.conditional-input-5:checked~.conditional-5{display:block;clear:both}select[multiple]{border-radius:.35rem}select[multiple]::-webkit-scrollbar{width:.7rem}select[multiple]::-webkit-scrollbar *{background-color:rgba(0,0,0,0)}select[multiple]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.35rem}.form-control__wrapper :is(.prefix,.suffix){color:var(--colour-white);background:var(--colour-primary);padding:calc(.75em + 1px) 1em;font-size:1rem;font-weight:normal;line-height:1.5;position:absolute;bottom:0px}.form-control__wrapper .prefix{border-top-left-radius:.625rem;border-bottom-left-radius:.625rem;left:0}.form-control__wrapper :is(.prefix-sm,.suffix-sm){font-size:var(--fs-small)}.form-control__wrapper :is(.prefix-lg,.suffix-lg){font-size:1.5rem}.form-control__wrapper .prefix+.form-control{padding-left:4em}.form-control__wrapper .suffix+.form-control{padding-right:4em}.form-control__wrapper .suffix{left:auto;right:0;border-top-right-radius:.625rem;border-bottom-right-radius:.625rem}.form-control__wrapper.form-control--lrg-file{aspect-ratio:4/2;border:1px dashed var(--colour-selected);position:relative}.form-control__wrapper.form-control--lrg-file .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, calc(-50% - 1rem));color:var(--colour-muted);font-size:5rem;height:1em;width:1em;pointer-events:none}.form-control__wrapper.form-control--lrg-file>label{position:absolute;top:calc(50% + 2rem);left:50%;transform:translate(-50%, -50%);width:100%;text-align:center}.form-control__wrapper.form-control--lrg-file>input{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0}.file-uploaded .form-control__wrapper.form-control--lrg-file{border:3px solid var(--colour-success);border-radius:50%;aspect-ratio:1;margin-inline:auto;max-width:10rem}.file-uploaded .form-control__wrapper.form-control--lrg-file>label{content:"File uploaded"}.file-upload__add{display:none}.file-uploaded .file-upload__add{display:block;margin-inline:auto;color:var(--colour-muted);font-size:0.875rem;text-align:center;margin-top:-1rem;margin-bottom:1rem;cursor:pointer}/*# sourceMappingURL=forms.css.map */
|
|
1
|
+
label{font-size:1.125rem;line-height:1.3125rem;margin-bottom:0.5rem;font-weight:normal;color:var(--colour-heading);display:block}label:has(+input:not(:disabled):not([readonly]):not(:required):not([type=radio])):after{content:" (Optional)"}:is(input,textarea,output){display:block;width:100%;max-width:50rem;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:0.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(input,textarea,output)[type=file]{overflow:hidden}:is(input,textarea,output)[type=file]:not(:disabled):not([readonly]){cursor:pointer}:is(input,textarea,output):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}:is(input,textarea,output)::-webkit-date-and-time-value{height:1.5em}:is(input,textarea,output):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}:is(input,textarea,output)::file-selector-button{padding:.75em 1em;margin:-0.75em -1em;margin-inline-end:1em;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:2px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){:is(input,textarea,output)::file-selector-button{transition:none}}:is(input,textarea,output):hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}textarea{min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*3 + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*3 + 4px)}div:has(>label:first-child):has(>input){position:relative;max-width:50rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center}div:has(>label:first-child):has(>input):has(input[readonly]):after{font-family:"Font Awesome 6 Pro";font-weight:300;content:"";position:absolute;font-size:var(--input-lh, 1.25rem);height:var(--input-lh, 1.25rem);width:var(--input-lh, 1.25rem);bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}div:has(>label:first-child):has(>input) input,div:has(>label:first-child):has(>input) output,div:has(>label:first-child):has(>input) .prefix,div:has(>label:first-child):has(>input) .suffix{margin-bottom:0}div:has(>label:first-child):has(>input)>*:not(input):not(output):not(.prefix):not(.suffix){flex-shrink:0;width:100%}div:has(>label:first-child):has(>input) :is(input,textarea,output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:0.5rem}div:has(>label:first-child):has(>input) input[type=color]{width:3rem;flex-shrink:0;flex-grow:0;border-start-end-radius:0;border-end-end-radius:0;padding:0;overflow:hidden}div:has(>label:first-child):has(>input) input[type=color]::-moz-color-swatch{border-radius:0;border:none}div:has(>label:first-child):has(>input) input[type=color]::-webkit-color-swatch{border-radius:0;border:none}div:has(>label:first-child):has(>input) output{border-left:none;border-end-start-radius:0;border-start-start-radius:0}div:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}div:has(>:is(.form-control-lg,.input--sm)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}div:has(>label:first-child):has(>input):has(>:is(.form-control-inline,.input--inline)) label{flex-shrink:0;white-space:nowrap;width:fit-content !important;margin:0;margin-inline-end:1rem}:is(.prefix,.suffix){display:inline-block;width:auto;padding:var(--input-padding-block, 0.75rem) var(--input-padding-block, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-primary-theme);border:2px solid var(--colour-primary);color:var(--colour-white);margin-bottom:1rem;border-end-start-radius:0.5rem;border-start-start-radius:0.5rem;min-width:calc(2.75rem + 4px);overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;position:relative;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(.prefix,.suffix):after{display:inline-block;max-width:1.25rem}:is(.prefix,.suffix)[class*=fa-]{width:calc(2.75rem + 4px);padding-inline:0}:is(.prefix,.suffix) select{position:absolute;inset:0;opacity:0;cursor:pointer}:is(.prefix,.suffix) span{display:none}:is(.prefix,.suffix) select:has(option:nth-child(1):checked)~span:nth-of-type(1),:is(.prefix,.suffix) select:has(option:nth-child(2):checked)~span:nth-of-type(2),:is(.prefix,.suffix) select:has(option:nth-child(3):checked)~span:nth-of-type(3),:is(.prefix,.suffix) select:has(option:nth-child(4):checked)~span:nth-of-type(4),:is(.prefix,.suffix) select:has(option:nth-child(5):checked)~span:nth-of-type(5),:is(.prefix,.suffix) select:has(option:nth-child(6):checked)~span:nth-of-type(6),:is(.prefix,.suffix) select:has(option:nth-child(7):checked)~span:nth-of-type(7),:is(.prefix,.suffix) select:has(option:nth-child(8):checked)~span:nth-of-type(8),:is(.prefix,.suffix) select:has(option:nth-child(9):checked)~span:nth-of-type(9),:is(.prefix,.suffix) select:has(option:nth-child(10):checked)~span:nth-of-type(10){display:block}:is(.prefix,.suffix) select~span:after{content:" ";font-family:"Font Awesome 6 Pro";font-size:.8em;display:inline-block;padding-left:1em}:is(.prefix,.suffix) select:focus-visible~span:after{content:""}.prefix{border-right:none}.suffix{border-left:none;border-end-start-radius:0;border-start-start-radius:0;border-start-end-radius:0.5rem !important;border-end-end-radius:0.5rem !important;order:2}.prefix span{display:none}.prefix span small{font-size:.8em}.prefix~:is(input,textarea,output){border-end-start-radius:0;border-start-start-radius:0}.suffix~:is(input,textarea,output){order:1;border-start-end-radius:0;border-end-end-radius:0}input[maxlength]+span{position:relative}input[maxlength]+span:before{counter-reset:variable var(--char-count) var(--maxlength);counter-reset:variable2 var(--maxlength);content:attr(data-count) " / " counter(variable2);float:right;margin:0 0 1em 1em}.was-validated input:is(:invalid,.is-invalid){border-color:var(--colour-danger);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem))}.was-validated input:is(:valid,.is-valid){border-color:var(--colour-complete);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem))}.invalid-feedback{color:var(--colour-danger);margin-top:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + 0.5rem);display:none}.was-validated:has(input:is(:invalid,.is-invalid)) .invalid-feedback{display:block}input[type=radio]{position:absolute;top:0;left:0;opacity:0;height:0;width:0;margin:0}div:has(>input[type=radio]){position:relative}input[type=radio]+label:not(:has(>iam-card)){--tick-colour: transparent;color:var(--colour-heading);position:relative;font-size:1rem;line-height:1.25rem;padding-left:2.5rem;padding-top:0.625rem;padding-bottom:0.625rem;margin-bottom:1.5rem;margin-right:1.5rem;cursor:pointer}input[type=radio]+label:not(:has(>iam-card)):before{content:"";border:2px solid var(--colour-primary);border-radius:50%;height:1.5rem;width:1.5rem;display:inline-block;position:absolute;top:0.5rem;left:0}input[type=radio]+label:not(:has(>iam-card)):after{content:"" !important;background:var(--colour-info);border-radius:50%;height:0.875rem;width:0.875rem;display:none;position:absolute;top:0.8125rem;left:0.3125rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:before{content:"";position:absolute;font-size:1.5em;line-height:1;color:var(--tick-colour);font-family:"Font Awesome 6 Pro";background:none !important;border:none !important;outline:none !important;left:.25rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:after{display:none}@media(forced-colors: active){input[type=radio]:not(:checked)+label.radio--tick:not(:has(>iam-card)):before{display:none}}div:has(>input[type=radio]:nth-of-type(2)){margin-bottom:1.5rem}div:has(>input[type=radio]:nth-of-type(2)) label{margin-bottom:0rem}input[type=radio]:checked+label{--tick-colour: var(--colour-info)}input[type=radio]:checked+label:before{border-color:var(--colour-info)}input[type=radio]:checked+label:after{display:inline-block}input[type=radio]:checked+label iam-card{--colour: var(--colour,var(--colour-info))}input[type=radio]:checked:is(:focus,:hover,.focus)+label{--tick-colour: var(--colour-info)}input[type=radio]:is(:focus,:hover,.focus)+label{--tick-colour: var(--colour-muted)}input[type=radio]:is(:focus,:hover,.focus)+label:before{background:var(--colour-light);outline:0.5rem solid var(--colour-light)}input[type=radio]:is(:active,.active)+label{--tick-colour: var(--colour-light)}input[type=radio]:is(:active,.active)+label:before{background:#e0e0e0;outline:0.5rem solid #e0e0e0}input[type=radio]:disabled+label{opacity:.4;cursor:not-allowed}input[type=radio]:disabled+label>iam-card{pointer-events:none}input[type=radio]:disabled+label:before{background-color:none !important;outline:none !important;border-color:var(--colour-primary) !important}input[type=radio]:disabled+label:after{background-color:var(--colour-primary) !important}.form-check{overflow:hidden}.form-check input,.form-check label{cursor:pointer}.form-check input:not([disabled])+label:hover,.form-check input:not([disabled]):hover+label,.form-check input:not([disabled]):focus+label{color:var(--colour-hover);border-color:var(--colour-hover)}.form-check+.form-check{margin-top:-0.5rem}.form-check-label{float:left}.form-check-label+.form-check-input{margin-left:1rem;margin-right:.5rem}.conditional{display:none}input:checked+.conditional,input:checked+label+.conditional{display:block;clear:both}input:not([class*=conditional-input-]):nth-of-type(1):checked~.conditional-1,input:not([class*=conditional-input-]):nth-of-type(2):checked~.conditional-2,input:not([class*=conditional-input-]):nth-of-type(3):checked~.conditional-3,input:not([class*=conditional-input-]):nth-of-type(4):checked~.conditional-4,input:not([class*=conditional-input-]):nth-of-type(5):checked~.conditional-5,input.conditional-input-1:checked~.conditional-1,input.conditional-input-2:checked~.conditional-2,input.conditional-input-3:checked~.conditional-3,input.conditional-input-4:checked~.conditional-4,input.conditional-input-5:checked~.conditional-5{display:block;clear:both}select[multiple]{border-radius:.35rem}select[multiple]::-webkit-scrollbar{width:.7rem}select[multiple]::-webkit-scrollbar *{background-color:rgba(0,0,0,0)}select[multiple]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.35rem}.form-control__wrapper.form-control--lrg-file{aspect-ratio:4/2;border:1px dashed var(--colour-selected);position:relative}.form-control__wrapper.form-control--lrg-file .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, calc(-50% - 1rem));color:var(--colour-muted);font-size:5rem;height:1em;width:1em;pointer-events:none}.form-control__wrapper.form-control--lrg-file>label{position:absolute;top:calc(50% + 2rem);left:50%;transform:translate(-50%, -50%);width:100%;text-align:center}.form-control__wrapper.form-control--lrg-file>input{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0}.file-uploaded .form-control__wrapper.form-control--lrg-file{border:3px solid var(--colour-success);border-radius:50%;aspect-ratio:1;margin-inline:auto;max-width:10rem}.file-uploaded .form-control__wrapper.form-control--lrg-file>label{content:"File uploaded"}.file-upload__add{display:none}.file-uploaded .file-upload__add{display:block;margin-inline:auto;color:var(--colour-muted);font-size:0.875rem;text-align:center;margin-top:-1rem;margin-bottom:1rem;cursor:pointer}/*# sourceMappingURL=forms.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/forms.scss","../../sass/_functions/variables.scss","../../bootstrap/scss/_variables.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/forms.scss","../../sass/_functions/variables.scss","../../bootstrap/scss/_variables.scss","../../bootstrap/scss/mixins/_gradients.scss","../../bootstrap/scss/mixins/_transition.scss"],"names":[],"mappings":"CAGA,MACE,mBACA,sBACA,qBACA,mBACA,4BACA,cAEA,wFACE,sBAMJ,2BACE,cACA,WACA,UCwTkB,MDvTlB,cACA,WACA,8EACA,gCACA,qCACA,yBACA,wCACA,4BACA,uCACA,gBACA,qBACA,qBACA,4HACA,4HAGA,sCACE,gBAEA,qEACE,eAKJ,4DACE,gCACA,UACA,4CAMF,wDAEE,aAIF,oCACE,yBACA,WACA,mBAIF,iDACE,kBACA,oBACA,kBCmSc,IDlSd,MExDO,QCbT,iBDMS,QFiEP,oBACA,qBACA,mBACA,eACA,wBC+RiB,ID9RjB,gBIhEE,WJiEF,mHI7DE,uCJiDJ,iDIhDM,iBJ+DN,sFACE,iBE44B8B,QFv4BlC,SACE,8HACA,8HAMF,wCACE,kBACA,UCyOkB,MDxOlB,qBAmBA,aACA,eACA,mBAnBA,mEACE,iCACA,gBACA,YACA,kBACA,mCACA,gCACA,+BACA,uDACA,mDACA,kBAGF,6LACE,gBAOF,2FACE,cACA,WAGF,mEACE,cACA,YACA,QAGF,4DACE,QACA,kBAGF,0DACE,WACA,cACA,YACA,0BACA,wBACA,UACA,gBAGA,6EAEE,gBACA,YAGF,gFAEE,gBACA,YAIJ,+CACE,iBACA,0BACA,4BAIJ,2CAEE,qBACA,iBACA,gCACA,iCAEF,2CACE,mBACA,sBACA,+BACA,iCAKA,6FACE,cACA,mBACA,6BACA,SACA,uBAQJ,qBACE,qBACA,WACA,6EACA,gCACA,qCACA,yBACA,6CACA,uCACA,0BACA,mBACA,+BACA,iCACA,8BACA,gBACA,mBACA,kBACA,uBACA,kBAEA,4HACA,4HAGA,2BACE,qBACA,kBAGF,iCACE,0BACA,iBAGF,4BACE,kBACA,QACA,UACA,eAGF,0BACE,aAGF,4yBAWE,cAGF,uCACE,aACA,iCACA,eACA,qBACA,iBAGF,qDACE,YAIJ,QAEE,kBAGF,QAEE,iBACA,0BACA,4BACA,0CACA,wCACA,QAGF,aACE,aAEA,mBACE,eAIJ,mCAEE,0BACA,4BAGF,mCACE,QAEA,0BACA,wBAMF,sBAEE,kBAEA,6BAEE,0DACA,yCACA,kDACA,YAEA,mBAcJ,8CAEE,kCAEA,yiBACA,4BACA,mEACA,kEAEA,qHAGF,0CAEE,oCAEA,meACA,4BACA,mEACA,kEAEA,qHAGF,kBACE,2BACA,kBACA,yiBACA,4BACA,iCACA,4DACA,kDACA,aAGF,qEACE,cAOF,kBACE,kBACA,MACA,OACA,UACA,SACA,QACA,SAGF,4BACE,kBAGF,6CAEE,2BAEA,4BACA,kBACA,eACA,oBACA,oBACA,qBACA,wBACA,qBACA,oBACA,eAEA,oDACE,WACA,uCACA,kBACA,cACA,aACA,qBACA,kBACA,WACA,OAGF,mDACE,sBACA,8BACA,kBACA,gBACA,eACA,aACA,kBACA,cACA,eAIA,gEAEE,YACA,kBACA,gBACA,cACA,yBACA,iCAEA,2BACA,uBACA,wBACA,YAIF,+DACE,aAMN,8BAII,8EAEE,cAKN,2CAIE,qBAHA,iDACE,mBAKJ,gCAEE,kCAEA,uCACE,gCAGF,sCACE,qBAGF,yCACE,2CAIJ,yDAEE,kCAEF,iDAEE,mCAEA,wDACE,+BACA,yCAGJ,4CAEE,mCAEA,mDACE,mBACA,6BAKJ,iCAEE,WACA,mBAEA,0CACE,oBAGF,wCACE,iCACA,wBACA,8CAGF,uCACE,kDAMJ,YAEE,gBAEA,oCAEE,eAGF,0IAIE,0BACA,iCAGJ,wBACE,mBAGF,kBACE,WAGF,oCAEE,iBACA,mBAMF,aACE,aAGF,4DAEE,cACA,WAGF,snBAUE,cACA,WAKF,iBACE,qBAEF,oCACE,YAEF,sCACE,+BAEF,0CACE,gCAEA,qBAQF,8CACE,iBACA,yCACA,kBAEA,oDACE,kBACA,QACA,SACA,6CACA,0BACA,eACA,WACA,UACA,oBAGF,oDAEE,kBACA,qBACA,SACA,gCACA,WACA,kBAGF,oDACE,kBACA,MACA,OACA,YACA,WACA,UAGF,6DACE,uCACA,kBACA,eACA,mBACA,gBAEA,mEACE,wBAKN,kBACE,aAEA,iCACE,cACA,mBACA,0BACA,mBACA,kBACA,iBACA,mBACA","file":"forms.css"}
|