@ilo-org/styles 1.12.0 → 1.13.1

package/css/components/button.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--button{--ilo-button-label-weight:700;--ilo-button-labels-actionable-color:var(--ilo-color-blue-dark);--ilo-button-labels-active-color:var(--ilo-color-blue-light);--ilo-button-labels-alert-color:var(--ilo-color-white);--ilo-button-labels-hover-color:var(--ilo-color-blue);align-items:center;border-radius:var(--ilo-border-md);display:inline-flex;font-family:var(--ilo-fonts-display);font-weight:var(--ilo-button-label-weight);gap:calc(var(--ilo-spacing-base)*2);justify-content:center;text-decoration:none}.ilo--button [class*=__label]{white-space:nowrap}.ilo--button--icon{position:relative}.ilo--button--icon .ilo--icon{bottom:.1071811361rem;position:relative}.ilo--button--icon--position__right{flex-direction:row-reverse}.ilo--button--icon--only{padding:unset!important}.ilo--button--icon--only .ilo--icon{bottom:0!important}.ilo--button--icon--only .button__label{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--button__large{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);height:2.7867095391rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*6)}.ilo--button__large.ilo--button--icon--only{width:2.7867095391rem}.ilo--button__medium{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);height:2.3579849946rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5)}.ilo--button__medium.ilo--button--icon--only{width:2.3579849946rem}.ilo--button__small{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);height:1.7148981779rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*4)}.ilo--button__small.ilo--button--icon--only{width:1.7148981779rem}.ilo--button__small .ilo--icon{bottom:.0535905681rem}.ilo--button__primary{background-color:var(--ilo-color-yellow);border:var(--ilo-border-md) var(--ilo-color-yellow) solid}.ilo--button__primary,.ilo--button__secondary{color:var(--ilo-button-labels-actionable-color)}.ilo--button__secondary{background-color:var(--ilo-color-background-default);border:var(--ilo-border-md) var(--ilo-color-borders-default) solid}.ilo--button__secondary:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid}.ilo--button__secondary:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button__tertiary{background-color:var(--ilo-color-background-highlight);border:var(--ilo-border-md) var(--ilo-color-background-highlight) solid;color:var(--ilo-button-labels-actionable-color)}.ilo--button__alert{background-color:var(--ilo-color-red-dark);border:var(--ilo-border-md) var(--ilo-color-red-dark) solid;color:var(--ilo-button-labels-alert-color)}.ilo--button__alert:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color)}.ilo--button__alert:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;color:var(--ilo-button-labels-focus-color);outline:0}.ilo--button__alert:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;box-shadow:4px 4px 0 1px var(--ilo-color-borders-focus) inset,-4px -4px 0 1px var(--ilo-color-borders-focus) inset;color:var(--ilo-button-labels-focus-color);outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:focus.ilo--small{box-shadow:3px 3px 0 1px var(--ilo-color-borders-focus) inset,-3px -3px 0 1px var(--ilo-color-borders-focus) inset}.ilo--button:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color);cursor:pointer}.ilo--button:active,.ilo--button:hover{box-shadow:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;color:var(--ilo-button-labels-active-color)}.ilo--button:disabled{opacity:.45;pointer-events:none}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--button{--ilo-button-label-weight:700;--ilo-button-labels-actionable-color:var(--ilo-color-blue-dark);--ilo-button-labels-active-color:var(--ilo-color-blue-light);--ilo-button-labels-alert-color:var(--ilo-color-white);--ilo-button-labels-hover-color:var(--ilo-color-blue);align-items:center;border-radius:var(--ilo-border-md);display:inline-flex;font-family:var(--ilo-fonts-display);font-weight:var(--ilo-button-label-weight);gap:calc(var(--ilo-spacing-base)*2);justify-content:center;text-decoration:none}.ilo--button [class*=__label]{white-space:nowrap}.ilo--button--icon{position:relative}.ilo--button--icon .ilo--icon{bottom:.1071811361rem;position:relative}.ilo--button--icon--position__right{flex-direction:row-reverse}.ilo--button--icon--only{padding:unset!important}.ilo--button--icon--only .ilo--icon{bottom:0!important}.ilo--button--icon--only .button__label{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--button__large{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);height:2.7867095391rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*6)}.ilo--button__large.ilo--button--icon--only{width:2.7867095391rem}.ilo--button__medium{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);height:2.3579849946rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5)}.ilo--button__medium.ilo--button--icon--only{width:2.3579849946rem}.ilo--button__small{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);height:1.7148981779rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*4)}.ilo--button__small.ilo--button--icon--only{width:1.7148981779rem}.ilo--button__small .ilo--icon{bottom:.0535905681rem}.ilo--button__primary{background-color:var(--ilo-color-yellow);border:var(--ilo-border-md) var(--ilo-color-yellow) solid}.ilo--button__primary,.ilo--button__secondary{color:var(--ilo-button-labels-actionable-color)}.ilo--button__secondary{background-color:var(--ilo-color-background-default);border:var(--ilo-border-md) var(--ilo-color-borders-default) solid}.ilo--button__secondary:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid}.ilo--button__secondary:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button__tertiary{background-color:var(--ilo-color-background-highlight);border:var(--ilo-border-md) var(--ilo-color-background-highlight) solid;color:var(--ilo-button-labels-actionable-color)}.ilo--button__alert{background-color:var(--ilo-color-red-dark);border:var(--ilo-border-md) var(--ilo-color-red-dark) solid;color:var(--ilo-button-labels-alert-color)}.ilo--button__alert:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color)}.ilo--button__alert:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button:focus{outline:0}.ilo--button:focus-visible{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;box-shadow:4px 4px 0 1px var(--ilo-color-borders-focus) inset,-4px -4px 0 1px var(--ilo-color-borders-focus) inset;color:var(--ilo-button-labels-focus-color);transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:focus-visible.ilo--small{box-shadow:3px 3px 0 1px var(--ilo-color-borders-focus) inset,-3px -3px 0 1px var(--ilo-color-borders-focus) inset}.ilo--button:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color);cursor:pointer}.ilo--button:active,.ilo--button:hover{box-shadow:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;color:var(--ilo-button-labels-active-color)}.ilo--button:disabled{opacity:.45;pointer-events:none}

package/css/components/dropdown.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--dropdown{appearance:none;background-color:var(--ilo-dropdown-background-color);border:2px solid var(--ilo-dropdown-border-color);box-sizing:border-box;color:var(--ilo-dropdown-color);cursor:pointer;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);height:var(--ilo-dropdown-height);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin:calc(var(--ilo-spacing-base)*0);outline:0;overflow:hidden;padding:0 calc(var(--ilo-spacing-base)*14) 0 calc(var(--ilo-spacing-base)*4);text-overflow:ellipsis;transition-duration:.15s;transition-property:background-color,border-color,color;transition-timing-function:ease-out;white-space:nowrap;width:100%}.ilo--dropdown--wrapper{--ilo-dropdown-background-color:var(--ilo-color-white);--ilo-dropdown-background-color-active:var(--ilo-color-blue-lighter);--ilo-dropdown-color:var(--ilo-color-gray-accessible);--ilo-dropdown-height:2.5723472669rem;--ilo-dropdown-border-color:var(--ilo-color-gray-base);--ilo-dropdown-button-background-color:var(--ilo-color-gray-light);--ilo-dropdown-button-icon-color:var(--ilo-color-blue-dark);--ilo-dropdown-button-icon-size:calc(var(--ilo-dropdown-height)/2);--ilo-dropdown-button-icon-offset:calc(var(--ilo-dropdown-button-icon-size)/2);display:inline-block;position:relative}.ilo--dropdown--wrapper:before{background-color:var(--ilo-dropdown-button-background-color);border:2px solid var(--ilo-dropdown-border-color);content:"";height:var(--ilo-dropdown-height);pointer-events:none;position:absolute;right:0;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease-out;width:var(--ilo-dropdown-height)}.ilo--dropdown--wrapper:has(select:hover):before{background-color:var(--ilo-dropdown-background-color-active)}.ilo--dropdown--wrapper:after{background-color:var(--ilo-dropdown-button-icon-color);content:"";height:var(--ilo-dropdown-button-icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none;position:absolute;right:var(--ilo-dropdown-button-icon-offset);top:var(--ilo-dropdown-button-icon-offset);width:var(--ilo-dropdown-button-icon-size)}.ilo--dropdown:active,.ilo--dropdown:focus,.ilo--dropdown:hover{background-color:var(--ilo-dropdown-background-color-active);border-left-color:var(--ilo-color-blue);border-left-width:.1607717042rem;padding-left:calc(var(--ilo-spacing-base)*4 - .05359rem);--ilo-dropdown-color:var(--ilo-color-gray-charcoal)}.ilo--dropdown option{overflow:hidden;text-overflow:ellipsis;width:100%}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--dropdown{appearance:none;background-color:var(--ilo-dropdown-background-color);border:2px solid var(--ilo-dropdown-border-color);box-sizing:border-box;color:var(--ilo-dropdown-color);cursor:pointer;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);height:var(--ilo-dropdown-height);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin:calc(var(--ilo-spacing-base)*0);outline:0;overflow:hidden;padding:0 calc(var(--ilo-spacing-base)*14) 0 calc(var(--ilo-spacing-base)*4);text-overflow:ellipsis;transition-duration:.15s;transition-property:background-color,border-color,color;transition-timing-function:ease-out;white-space:nowrap;width:100%}.ilo--dropdown--wrapper{--ilo-dropdown-background-color:var(--ilo-color-white);--ilo-dropdown-background-color-active:var(--ilo-color-blue-lighter);--ilo-dropdown-color:var(--ilo-color-gray-accessible);--ilo-dropdown-height:2.5723472669rem;--ilo-dropdown-border-color:var(--ilo-color-gray-base);--ilo-dropdown-button-background-color:var(--ilo-color-gray-light);--ilo-dropdown-button-icon-color:var(--ilo-color-blue-dark);--ilo-dropdown-button-icon-size:calc(var(--ilo-dropdown-height)/2);--ilo-dropdown-button-icon-offset:calc(var(--ilo-dropdown-button-icon-size)/2);display:inline-block;position:relative}.ilo--dropdown--wrapper__size__small{--ilo-dropdown-height:1.7148981779rem}.ilo--dropdown--wrapper:before{background-color:var(--ilo-dropdown-button-background-color);border:2px solid var(--ilo-dropdown-border-color);content:"";height:var(--ilo-dropdown-height);pointer-events:none;position:absolute;right:0;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease-out;width:var(--ilo-dropdown-height)}.ilo--dropdown--wrapper:has(select:hover):before{background-color:var(--ilo-dropdown-background-color-active)}.ilo--dropdown--wrapper:after{background-color:var(--ilo-dropdown-button-icon-color);content:"";height:var(--ilo-dropdown-button-icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none;position:absolute;right:var(--ilo-dropdown-button-icon-offset);top:var(--ilo-dropdown-button-icon-offset);width:var(--ilo-dropdown-button-icon-size)}.ilo--dropdown:active,.ilo--dropdown:focus,.ilo--dropdown:hover{background-color:var(--ilo-dropdown-background-color-active);border-inline-start-color:var(--ilo-color-blue);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-blue);--ilo-dropdown-color:var(--ilo-color-gray-charcoal)}[dir=rtl] .ilo--dropdown:active,[dir=rtl] .ilo--dropdown:focus,[dir=rtl] .ilo--dropdown:hover{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-blue)}.ilo--dropdown option{overflow:hidden;text-overflow:ellipsis;width:100%}.ilo--dropdown__size__small{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);padding:0 calc(var(--ilo-spacing-base)*11) 0 calc(var(--ilo-spacing-base)*3)}

package/css/components/formcontrol.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--form-control{display:inline-grid;gap:calc(var(--ilo-spacing-base)*2);grid-area:input;grid-template-columns:auto;grid-template-rows:auto}.ilo--form-control,.ilo--form-control__theme__light{--ilo-form-control-label-color:var(--ilo-color-gray-charcoal);--ilo-form-control-helper-color:var(--ilo-color-gray-accessible);--ilo-form-control-error-color:var(--ilo-color-red-dark)}.ilo--form-control__theme__dark{--ilo-form-control-label-color:var(--ilo-color-white);--ilo-form-control-helper-color:var(--ilo-color-white);--ilo-form-control-error-color:var(--ilo-color-red-dark)}.ilo--form-control__label-placement__start .ilo--form-control--label{grid-area:1/1/2/2}.ilo--form-control__label-placement__start :nth-child(2){grid-area:1/2/2/3}.ilo--form-control__label-placement__start .ilo--form-control--helper{grid-area:2/2/3/3}.ilo--form-control__label-placement__start [class*=file-upload--list]{grid-area:3/1/4/3}.ilo--form-control__label-placement__end .ilo--form-control--label{grid-area:1/2/2/3}.ilo--form-control__label-placement__end :nth-child(2){grid-area:1/1/2/2}.ilo--form-control__label-placement__end .ilo--form-control--helper{grid-area:2/1/3/3}.ilo--form-control__label-placement__end [class*=file-upload--list]{grid-area:3/1/4/4}.ilo--form-control__label-placement__top .ilo--form-control--label{grid-area:1/1/2/2}.ilo--form-control__label-placement__top :nth-child(2){grid-area:2/1/3/2}.ilo--form-control__label-placement__top .ilo--form-control--helper{grid-area:3/1/4/2}.ilo--form-control__label-placement__top [class*=file-upload--list]{grid-area:4/1/5/2}.ilo--form-control__label-placement__bottom .ilo--form-control--label{grid-area:3/1/4/2}.ilo--form-control__label-placement__bottom :nth-child(2){grid-area:2/1/3/2}.ilo--form-control__label-placement__bottom .ilo--form-control--helper{grid-area:1/1/2/2}.ilo--form-control__label-placement__bottom [class*=file-upload--list]{grid-area:4/1/5/2}.ilo--form-control__disabled .ilo--form-control--helper,.ilo--form-control__disabled .ilo--form-control--label{opacity:.5;pointer-events:none}.ilo--form-control__error .ilo--form-control--helper{color:var(--ilo-form-control-error-color)}.ilo--form-control--label{align-items:center;color:var(--ilo-form-control-label-color);display:flex;flex-flow:row nowrap;grid-area:label;justify-content:flex-start}.ilo--form-control--label__size__small{font-size:var(--ilo-font-size-sm)}.ilo--form-control--label__size__medium,.ilo--form-control--label__size__small{font-family:var(--ilo-fonts-display);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--form-control--label__size__medium{font-size:var(--ilo-font-size-md)}.ilo--form-control--label__size__large{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--form-control--label label{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.ilo--form-control--label div[class*=tooltip]{margin-left:calc(var(--ilo-spacing-base)*1)}[dir=rtl] .ilo--form-control--label div[class*=tooltip]{margin-right:calc(var(--ilo-spacing-base)*1)}.ilo--form-control--helper{color:var(--ilo-form-control-helper-color);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);grid-area:helper;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--form-control .ilo--tooltip--wrapper{bottom:.0535905681rem}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--form-control{--ilo-form-control-label-color:var(--ilo-color-gray-charcoal);--ilo-form-control-helper-color:var(--ilo-color-gray-accessible);--ilo-form-control-error-color:var(--ilo-color-red-dark);display:inline-grid;gap:calc(var(--ilo-spacing-base)*2);grid-area:input;grid-template-columns:auto;grid-template-rows:auto}.ilo--form-control:has(.ilo--form-control--label__size__small){gap:calc(var(--ilo-spacing-base)*1)}.ilo--form-control__theme__light{--ilo-form-control-label-color:var(--ilo-color-gray-charcoal);--ilo-form-control-helper-color:var(--ilo-color-gray-accessible);--ilo-form-control-error-color:var(--ilo-color-red-dark)}.ilo--form-control__theme__dark{--ilo-form-control-label-color:var(--ilo-color-white);--ilo-form-control-helper-color:var(--ilo-color-white);--ilo-form-control-error-color:var(--ilo-color-red-dark)}.ilo--form-control__label-placement__start .ilo--form-control--label{grid-area:1/1/2/2}.ilo--form-control__label-placement__start :nth-child(2){grid-area:1/2/2/3}.ilo--form-control__label-placement__start .ilo--form-control--helper{grid-area:2/2/3/3}.ilo--form-control__label-placement__start [class*=file-upload--list]{grid-area:3/1/4/3}.ilo--form-control__label-placement__end .ilo--form-control--label{grid-area:1/2/2/3}.ilo--form-control__label-placement__end :nth-child(2){grid-area:1/1/2/2}.ilo--form-control__label-placement__end .ilo--form-control--helper{grid-area:2/1/3/3}.ilo--form-control__label-placement__end [class*=file-upload--list]{grid-area:3/1/4/4}.ilo--form-control__label-placement__top .ilo--form-control--label{grid-area:1/1/2/2}.ilo--form-control__label-placement__top :nth-child(2){grid-area:2/1/3/2}.ilo--form-control__label-placement__top .ilo--form-control--helper{grid-area:3/1/4/2}.ilo--form-control__label-placement__top [class*=file-upload--list]{grid-area:4/1/5/2}.ilo--form-control__label-placement__bottom .ilo--form-control--label{grid-area:3/1/4/2}.ilo--form-control__label-placement__bottom :nth-child(2){grid-area:2/1/3/2}.ilo--form-control__label-placement__bottom .ilo--form-control--helper{grid-area:1/1/2/2}.ilo--form-control__label-placement__bottom [class*=file-upload--list]{grid-area:4/1/5/2}.ilo--form-control__disabled .ilo--form-control--helper,.ilo--form-control__disabled .ilo--form-control--label{opacity:.5;pointer-events:none}.ilo--form-control__error .ilo--form-control--helper{color:var(--ilo-form-control-error-color)}.ilo--form-control--label{align-items:center;color:var(--ilo-form-control-label-color);display:flex;flex-flow:row nowrap;grid-area:label;justify-content:flex-start}.ilo--form-control--label__size__small{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--form-control--label__size__medium{font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);line-height:var(--ilo-line-height-xlg)}.ilo--form-control--label__size__large,.ilo--form-control--label__size__medium{font-family:var(--ilo-fonts-display);letter-spacing:var(--ilo-letter-spacing-sm)}.ilo--form-control--label__size__large{font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-medium);line-height:var(--ilo-line-height-lg)}.ilo--form-control--label label{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.ilo--form-control--label div[class*=tooltip]{margin-left:calc(var(--ilo-spacing-base)*1)}[dir=rtl] .ilo--form-control--label div[class*=tooltip]{margin-right:calc(var(--ilo-spacing-base)*1)}.ilo--form-control--helper{color:var(--ilo-form-control-helper-color);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);grid-area:helper;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--form-control .ilo--tooltip--wrapper{bottom:.0535905681rem}

package/css/components/input.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--input{appearance:none;background-color:var(--ilo-color-white);box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)*0);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);width:100%}.ilo--input,.ilo--input:focus{border:var(--ilo-border-md) solid var(--ilo-color-gray-base);outline:0}.ilo--input:focus{background-color:var(--ilo-color-blue-lighter);padding-left:calc(var(--ilo-spacing-base)*3)}.ilo--input:disabled{opacity:.45;pointer-events:none}.error .ilo--input,.ilo--input.error,.ilo--input:invalid{background-color:var(--ilo-color-white);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-left:.1607717042rem solid var(--ilo-color-red-dark)}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--input{appearance:none;background-color:var(--ilo-color-white);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);box-sizing:border-box;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);margin:calc(var(--ilo-spacing-base)*0);outline:0;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);width:100%}.ilo--input,.ilo--input__size__small{line-height:var(--ilo-line-height-xlg)}.ilo--input__size__small{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);height:1.7148981779rem;letter-spacing:var(--ilo-letter-spacing-md);padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*3)}.ilo--input:focus{background-color:var(--ilo-color-blue-lighter);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-inline-start-color:var(--ilo-color-blue);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-blue);outline:0}[dir=rtl] .ilo--input:focus{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-blue)}.ilo--input:disabled{opacity:.45;pointer-events:none}.ilo--input:invalid,.ilo--input__error{background-color:var(--ilo-color-white);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-inline-start-color:var(--ilo-color-red-dark);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-red-dark)}[dir=rtl] .ilo--input:invalid,[dir=rtl] .ilo--input__error{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-red-dark)}

package/css/components/searchfield.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--searchfield{display:flex}.ilo--searchfield .ilo--fieldset{position:relative;width:100%}.ilo--searchfield .ilo--input{padding-inline-end:calc(var(--ilo-spacing-base)*14)}.ilo--searchfield--button{align-items:center;background-color:var(--ilo-color-gray-light);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-left:0;cursor:pointer;display:flex;height:100%;justify-content:center;width:2.5723472669rem}.ilo--searchfield--button:after{background-color:var(--ilo-color-blue-dark);content:"";display:inline-block;height:1.2861736334rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:relative;width:1.2861736334rem}.ilo--searchfield--button:focus,.ilo--searchfield--button:hover{background-color:var(--ilo-color-blue-lighter)}.ilo--searchfield--button:active{background-color:var(--ilo-color-blue)}.ilo--searchfield--button:active:after{background-color:var(--ilo-color-white);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.haslabel .ilo--searchfield--button{margin-top:calc(var(--ilo-spacing-base)*7)}.ilo--searchfield--button:disabled{opacity:.45;pointer-events:none}.ilo--searchfield--clear-button{align-items:center;cursor:pointer;display:none}.ilo--searchfield--clear-button.show{display:inline;position:absolute;right:2%;top:12px}.ilo--searchfield [type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}[dir=rtl] .ilo--searchfield .ilo--searchfield--button{border-left:.1071811361rem solid var(--ilo-color-gray-base);border-right:0}[dir=rtl] .ilo--searchfield .ilo--searchfield--clear-button.show{right:95%}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--searchfield{display:flex}.ilo--searchfield .ilo--fieldset{position:relative;width:100%}.ilo--searchfield .ilo--input{padding-inline-end:calc(var(--ilo-spacing-base)*9)}.ilo--searchfield--button{align-items:center;background-color:var(--ilo-color-gray-light);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-left:0;cursor:pointer;display:flex;height:100%;justify-content:center;width:2.5723472669rem}.ilo--searchfield--button:after{background-color:var(--ilo-color-blue-dark);content:"";display:inline-block;height:1.2861736334rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:relative;width:1.2861736334rem}.ilo--searchfield--button:focus,.ilo--searchfield--button:hover{background-color:var(--ilo-color-blue-lighter)}.ilo--searchfield--button:active{background-color:var(--ilo-color-blue)}.ilo--searchfield--button:active:after{background-color:var(--ilo-color-white);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.haslabel .ilo--searchfield--button{margin-top:calc(var(--ilo-spacing-base)*7)}.ilo--searchfield--button:disabled{opacity:.45;pointer-events:none}.ilo--searchfield--clear-button{align-items:center;cursor:pointer;display:none}.ilo--searchfield--clear-button.show{display:inline;position:absolute;right:2%;top:12px}.ilo--searchfield__size__small .ilo--input{padding-inline-end:calc(var(--ilo-spacing-base)*4)}.ilo--searchfield__size__small .ilo--searchfield--button{width:1.7148981779rem}.ilo--searchfield__size__small .ilo--searchfield--button:after{height:.857449089rem;width:.857449089rem}.ilo--searchfield__size__small .ilo--searchfield--clear-button svg{display:block;height:.857449089rem;width:.857449089rem}.ilo--searchfield__size__small .ilo--searchfield--clear-button.show{top:50%;transform:translateY(-50%)}.ilo--searchfield [type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}[dir=rtl] .ilo--searchfield .ilo--searchfield--button{border-left:.1071811361rem solid var(--ilo-color-gray-base);border-right:0}[dir=rtl] .ilo--searchfield .ilo--searchfield--clear-button.show{right:95%}

package/css/components/textarea.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--textarea{appearance:none;background-color:var(--ilo-color-white);box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)*0);max-width:100%;min-height:6.4308681672rem;min-width:100%;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);position:relative;width:100%}.ilo--textarea,.ilo--textarea:focus{border:var(--ilo-border-md) solid var(--ilo-color-gray-base);outline:0}.ilo--textarea:focus{background-color:var(--ilo-color-blue-lighter);border-left:.1607717042rem solid var(--ilo-color-blue-medium);padding-left:calc(var(--ilo-spacing-base)*3)}.ilo--textarea:disabled{opacity:.45;pointer-events:none}.ilo--textarea:invalid,.ilo--textarea__error,.ilo--textarea__error .ilo--textarea{background-color:var(--ilo-color-white);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-left:.1607717042rem solid var(--ilo-color-red-dark)}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--textarea{appearance:none;background-color:var(--ilo-color-white);box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)*0);max-width:100%;min-height:6.4308681672rem;min-width:100%;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);position:relative;width:100%}.ilo--textarea,.ilo--textarea:focus{border:var(--ilo-border-md) solid var(--ilo-color-gray-base);outline:0}.ilo--textarea:focus{background-color:var(--ilo-color-blue-lighter);border-inline-start-color:var(--ilo-color-blue-medium);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-blue-medium)}[dir=rtl] .ilo--textarea:focus{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-blue-medium)}.ilo--textarea:disabled{opacity:.45;pointer-events:none}.ilo--textarea:invalid,.ilo--textarea__error,.ilo--textarea__error .ilo--textarea{background-color:var(--ilo-color-white);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-inline-start-color:var(--ilo-color-red-dark);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-red-dark)}[dir=rtl] .ilo--textarea:invalid,[dir=rtl] .ilo--textarea__error,[dir=rtl] .ilo--textarea__error .ilo--textarea{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-red-dark)}