@alto-avios/alto-ui 5.0.1 → 5.0.2

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-field_hezu8_1{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%;--clearButton-focus-width:48px;--input-field-max-height:48px;--input-slot-min-width:46px}._input-field__grid_hezu8_13{display:grid;grid-template-columns:repeat(12,1fr)}._input-field__wrapper_hezu8_19{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);display:grid;grid-template-columns:1fr;max-height:var(--input-field-max-height);position:relative;grid-column-gap:var(--alto-sem-space-2xs)}._input-field__wrapper_hezu8_19[data-start-slot]{grid-template-columns:minmax(var(--input-slot-min-width),auto) 1fr}._input-field__wrapper_hezu8_19[data-end-slot]{grid-template-columns:1fr minmax(var(--input-slot-min-width),auto)}._input-field__wrapper_hezu8_19[data-start-slot][data-end-slot]{grid-template-columns:minmax(var(--input-slot-min-width),auto) 1fr minmax(var(--input-slot-min-width),auto)}._input-field__wrapper_hezu8_19:not([data-start-slot]):not([data-end-slot]) ._input-field__input_hezu8_48{border-radius:var(--alto-input-radius)}._input-field__wrapper_hezu8_19[data-end-slot]:not([data-start-slot]) ._input-field__input_hezu8_48,._input-field__wrapper_hezu8_19[data-start-slot] div:first-child{border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}._input-field__wrapper_hezu8_19[data-end-slot] div:last-child,._input-field__wrapper_hezu8_19[data-start-slot]:not([data-end-slot]) ._input-field__input_hezu8_48{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__input_hezu8_48{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:0;box-sizing:border-box;color:var(--alto-sem-color-fg-primary);display:grid;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);height:var(--input-field-max-height);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);width:100%}._input-field__input_hezu8_48::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._input-field__input_hezu8_48::placeholder{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._input-field__wrapper_hezu8_19:has(._input-field__input_hezu8_48[data-hovered]):not([data-disabled]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._input-field__input_hezu8_48[data-focus-visible]:not([data-disabled]){outline:none}._input-field__endSelect_hezu8_110[data-focused],._input-field__startSelect_hezu8_109[data-focused],._input-field__wrapper_hezu8_19:has(._input-field__input_hezu8_48[data-focus-visible]):not([data-disabled]),._input-field__wrapper_hezu8_19:has(._input-field__input_hezu8_48[data-focused]):not([data-disabled]){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-none);outline-style:solid;outline-width:var(--alto-sem-border-width-md);z-index:1}._input-field__wrapper_hezu8_19:has(._input-field__input_hezu8_48[data-invalid]):not([data-disabled]){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._input-field__endIcon_hezu8_131,._input-field__endSelect_hezu8_110,._input-field__endSlot_hezu8_133,._input-field__prefix_hezu8_126,._input-field__startIcon_hezu8_130,._input-field__startSelect_hezu8_109,._input-field__startSlot_hezu8_132,._input-field__suffix_hezu8_127{align-items:center;background:var(--alto-sem-color-bg-layer2-default);box-sizing:border-box;color:var(--alto-sem-color-fg-secondary);display:flex;height:100%;justify-content:center;max-height:var(--input-field-max-height);min-width:var(--input-slot-min-width);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._input-field__prefix_hezu8_126,._input-field__startSelect_hezu8_109{border-right:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}._input-field__endSelect_hezu8_110,._input-field__suffix_hezu8_127{border-left:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}._input-field__prefix_hezu8_126,._input-field__suffix_hezu8_127{background-color:var(--alto-sem-color-bg-layer1-default)}._input-field__endSelect_hezu8_110,._input-field__startSelect_hezu8_109{background-color:var(--alto-sem-color-bg-layer2-default);padding:0}._input-field__startSelect_hezu8_109 select{border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}._input-field__endSelect_hezu8_110 select{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__endSelect_hezu8_110 select,._input-field__startSelect_hezu8_109 select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234b4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-xs) center;background-repeat:no-repeat;border:none;color:var(--alto-sem-color-fg-primary);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);height:100%;padding:var(--alto-sem-space-2xs) calc(var(--alto-sem-space-xs)*2 + 11px) var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._input-field__endSlot_hezu8_133[data-end-slot-button],._input-field__startSlot_hezu8_132[data-start-slot-button]{padding-bottom:0;padding-top:0}._input-field__clearButton_hezu8_206{position:absolute;right:var(--alto-sem-space-2xs)}._input-field__clearButton_hezu8_206:not(:last-child){right:calc(var(--input-end-slot-width) + 6px)}._input-field__wrapper_hezu8_19:has(._input-field__clearButton_hezu8_206) ._input-field__input_hezu8_48{padding-right:var(--clearButton-focus-width)}._input-field__wrapper_hezu8_19:has(._input-field__startIcon_hezu8_130):has(._input-field__endIcon_hezu8_131) ._input-field__input_hezu8_48,._input-field__wrapper_hezu8_19:has(._input-field__startSlot_hezu8_132):has(._input-field__endSlot_hezu8_133) ._input-field__input_hezu8_48{padding-left:0;padding-right:0}._input-field__wrapper_hezu8_19:has(._input-field__startIcon_hezu8_130) ._input-field__input_hezu8_48,._input-field__wrapper_hezu8_19:has(._input-field__startSlot_hezu8_132) ._input-field__input_hezu8_48{padding-left:0}._input-field__wrapper_hezu8_19:has(._input-field__endIcon_hezu8_131) ._input-field__input_hezu8_48,._input-field__wrapper_hezu8_19:has(._input-field__endSlot_hezu8_133) ._input-field__input_hezu8_48{padding-right:0}._input-field__wrapper_hezu8_19:has(._input-field__prefix_hezu8_126,._input-field__startSelect_hezu8_109) ._input-field__input_hezu8_48,._input-field__wrapper_hezu8_19:has(._input-field__suffix_hezu8_127,._input-field__endSelect_hezu8_110) ._input-field__input_hezu8_48{padding-left:var(--alto-sem-space-2xs);padding-right:var(--alto-sem-space-2xs)}._input-field__wrapper_hezu8_19:has(._input-field__suffix_hezu8_127,._input-field__endSelect_hezu8_110):not([data-start-slot]) ._input-field__input_hezu8_48{padding-left:var(--alto-sem-space-sm)}._input-field__wrapper_hezu8_19[data-has-end-button] ._input-field__endSlot_hezu8_133,._input-field__wrapper_hezu8_19[data-has-start-button] ._input-field__startSlot_hezu8_132{padding-left:var(--alto-sem-space-3xs);padding-right:var(--alto-sem-space-3xs)}._input-field__errorMessage_hezu8_264{margin-top:var(--alto-sem-space-2xs)}._input-field__input--hideSearchClear_hezu8_269::-webkit-search-cancel-button,._input-field__input--hideSearchClear_hezu8_269::-webkit-search-decoration,._input-field__input--hideSearchClear_hezu8_269::-webkit-search-results-button,._input-field__input--hideSearchClear_hezu8_269::-webkit-search-results-decoration{display:none}._input-field__input--hideSearchClear_hezu8_269::-ms-clear{display:none}._input-field__input--hideSearchClear_hezu8_269::-moz-search-clear-button{display:none}[dir=rtl] ._input-field__wrapper_hezu8_19[data-end-slot]:not([data-start-slot]) ._input-field__input_hezu8_48,[dir=rtl] ._input-field__wrapper_hezu8_19[data-start-slot] div:first-child{border-radius:0;border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius);padding-right:var(--alto-sem-space-sm)}[dir=rtl] ._input-field__wrapper_hezu8_19[data-end-slot] div:last-child,[dir=rtl] ._input-field__wrapper_hezu8_19[data-start-slot]:not([data-end-slot]) ._input-field__input_hezu8_48{border-radius:0;border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}[dir=rtl] ._input-field__prefix_hezu8_126,[dir=rtl] ._input-field__startSelect_hezu8_109{border-left:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-right:0}[dir=rtl] ._input-field__endSelect_hezu8_110,[dir=rtl] ._input-field__suffix_hezu8_127{border-left:0;border-right:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}[dir=rtl] ._input-field__wrapper_hezu8_19:has(._input-field__startIcon_hezu8_130) ._input-field__input_hezu8_48,[dir=rtl] ._input-field__wrapper_hezu8_19:has(._input-field__startSlot_hezu8_132) ._input-field__input_hezu8_48{padding-right:0}[dir=rtl]._input-field__wrapper_hezu8_19:has(._input-field__endIcon_hezu8_131) ._input-field__input_hezu8_48,[dir=rtl]._input-field__wrapper_hezu8_19:has(._input-field__endSlot_hezu8_133) ._input-field__input_hezu8_48{padding-left:0}[dir=rtl] ._input-field__wrapper_hezu8_19:has(._input-field__clearButton_hezu8_206) ._input-field__input_hezu8_48{padding-left:var(--clearButton-focus-width)}[dir=rtl] ._input-field__clearButton_hezu8_206{left:var(--alto-sem-space-2xs);right:unset}[dir=rtl] ._input-field__clearButton_hezu8_206:not(:last-child){left:calc(var(--input-end-slot-width) + 6px);right:unset}._input-field__wrapper_hezu8_19:has([data-disabled]){border-color:var(--alto-sem-color-border-disabled-subtle)}._input-field__wrapper_hezu8_19>[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed;pointer-events:none}
+._input-field_g1hr3_1{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%;--clearButton-focus-width:48px;--input-field-max-height:48px;--input-inner-field-height:calc(var(--input-field-max-height) - var(--alto-sem-border-width-sm)*2);--input-error-inner-field-height:calc(var(--input-field-max-height) - var(--alto-sem-border-width-md)*2);--input-slot-min-width:46px}._input-field__grid_g1hr3_20{display:grid;grid-template-columns:repeat(12,1fr)}._input-field__wrapper_g1hr3_26{align-items:center;display:grid;grid-template-columns:1fr;height:var(--input-field-max-height);position:relative;grid-column-gap:var(--alto-sem-space-2xs);background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);box-sizing:border-box}._input-field__wrapper_g1hr3_26[data-start-slot]{grid-template-columns:minmax(var(--input-slot-min-width),auto) 1fr}._input-field__wrapper_g1hr3_26[data-end-slot]{grid-template-columns:1fr minmax(var(--input-slot-min-width),auto)}._input-field__wrapper_g1hr3_26[data-start-slot][data-end-slot]{grid-template-columns:minmax(var(--input-slot-min-width),auto) 1fr minmax(var(--input-slot-min-width),auto)}._input-field__wrapper_g1hr3_26:not([data-start-slot]):not([data-end-slot]) ._input-field__input_g1hr3_56{border-radius:var(--alto-input-radius)}._input-field__wrapper_g1hr3_26[data-end-slot]:not([data-start-slot]) ._input-field__input_g1hr3_56,._input-field__wrapper_g1hr3_26[data-start-slot] div:first-child{border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}._input-field__wrapper_g1hr3_26[data-start-slot]:not([data-end-slot]) ._input-field__input_g1hr3_56{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__input_g1hr3_56{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:0;box-sizing:border-box;color:var(--alto-sem-color-fg-primary);display:grid;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);height:var(--input-inner-field-height);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);width:100%}._input-field__input_g1hr3_56::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._input-field__input_g1hr3_56::placeholder{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._input-field__wrapper_g1hr3_26:has(._input-field__input_g1hr3_56[data-hovered]):not([data-disabled]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._input-field__input_g1hr3_56[data-focus-visible]:not([data-disabled]){outline:none}._input-field__endSelect_g1hr3_117[data-focused],._input-field__startSelect_g1hr3_116[data-focused],._input-field__wrapper_g1hr3_26:has(._input-field__input_g1hr3_56[data-focus-visible]):not([data-disabled]),._input-field__wrapper_g1hr3_26:has(._input-field__input_g1hr3_56[data-focused]):not([data-disabled]){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-none);outline-style:solid;outline-width:var(--alto-sem-border-width-md);z-index:1}._input-field__wrapper_g1hr3_26:has(._input-field__input_g1hr3_56[data-invalid]):not([data-disabled]){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._input-field__wrapper_g1hr3_26:has(._input-field__input_g1hr3_56[data-invalid]):not([data-disabled]) ._input-field__input_g1hr3_56{height:var(--input-error-inner-field-height)}._input-field__endIcon_g1hr3_145,._input-field__endSelect_g1hr3_117,._input-field__endSlot_g1hr3_147,._input-field__prefix_g1hr3_140,._input-field__startIcon_g1hr3_144,._input-field__startSelect_g1hr3_116,._input-field__startSlot_g1hr3_146,._input-field__suffix_g1hr3_141{align-items:center;background:var(--alto-sem-color-bg-layer2-default);box-sizing:border-box;color:var(--alto-sem-color-fg-secondary);display:flex;height:var(--input-inner-field-height);justify-content:center;min-width:var(--input-slot-min-width);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._input-field__endIcon_g1hr3_145,._input-field__endSelect_g1hr3_117,._input-field__endSlot_g1hr3_147,._input-field__suffix_g1hr3_141{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__prefix_g1hr3_140,._input-field__startSelect_g1hr3_116{border-right:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}._input-field__endSelect_g1hr3_117,._input-field__suffix_g1hr3_141{border-left:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}._input-field__prefix_g1hr3_140,._input-field__suffix_g1hr3_141{background-color:var(--alto-sem-color-bg-layer1-default)}._input-field__endSelect_g1hr3_117,._input-field__startSelect_g1hr3_116{background-color:var(--alto-sem-color-bg-layer2-default);padding:0}._input-field__startSelect_g1hr3_116 select{border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}._input-field__endSelect_g1hr3_117 select{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__endSelect_g1hr3_117 select,._input-field__startSelect_g1hr3_116 select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234b4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-xs) center;background-repeat:no-repeat;border:none;color:var(--alto-sem-color-fg-primary);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);height:100%;padding:var(--alto-sem-space-2xs) calc(var(--alto-sem-space-xs)*2 + 11px) var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._input-field__endSlot_g1hr3_147[data-end-slot-button],._input-field__startSlot_g1hr3_146[data-start-slot-button]{padding-bottom:0;padding-top:0}._input-field__clearButton_g1hr3_228{position:absolute;right:var(--alto-sem-space-2xs)}._input-field__clearButton_g1hr3_228:not(:last-child){right:calc(var(--input-end-slot-width) + 6px)}._input-field__wrapper_g1hr3_26:has(._input-field__clearButton_g1hr3_228) ._input-field__input_g1hr3_56{padding-right:var(--clearButton-focus-width)}._input-field__wrapper_g1hr3_26:has(._input-field__startIcon_g1hr3_144):has(._input-field__endIcon_g1hr3_145) ._input-field__input_g1hr3_56,._input-field__wrapper_g1hr3_26:has(._input-field__startSlot_g1hr3_146):has(._input-field__endSlot_g1hr3_147) ._input-field__input_g1hr3_56{padding-left:0;padding-right:0}._input-field__wrapper_g1hr3_26:has(._input-field__startIcon_g1hr3_144) ._input-field__input_g1hr3_56,._input-field__wrapper_g1hr3_26:has(._input-field__startSlot_g1hr3_146) ._input-field__input_g1hr3_56{padding-left:0}._input-field__wrapper_g1hr3_26:has(._input-field__endIcon_g1hr3_145) ._input-field__input_g1hr3_56,._input-field__wrapper_g1hr3_26:has(._input-field__endSlot_g1hr3_147) ._input-field__input_g1hr3_56{padding-right:0}._input-field__wrapper_g1hr3_26:has(._input-field__prefix_g1hr3_140,._input-field__startSelect_g1hr3_116) ._input-field__input_g1hr3_56,._input-field__wrapper_g1hr3_26:has(._input-field__suffix_g1hr3_141,._input-field__endSelect_g1hr3_117) ._input-field__input_g1hr3_56{padding-left:var(--alto-sem-space-2xs);padding-right:var(--alto-sem-space-2xs)}._input-field__wrapper_g1hr3_26:has(._input-field__suffix_g1hr3_141,._input-field__endSelect_g1hr3_117):not([data-start-slot]) ._input-field__input_g1hr3_56{padding-left:var(--alto-sem-space-sm)}._input-field__wrapper_g1hr3_26[data-has-end-button] ._input-field__endSlot_g1hr3_147,._input-field__wrapper_g1hr3_26[data-has-start-button] ._input-field__startSlot_g1hr3_146{padding-left:var(--alto-sem-space-3xs);padding-right:var(--alto-sem-space-3xs)}._input-field__errorMessage_g1hr3_286{margin-top:var(--alto-sem-space-2xs)}._input-field__input--hideSearchClear_g1hr3_291::-webkit-search-cancel-button,._input-field__input--hideSearchClear_g1hr3_291::-webkit-search-decoration,._input-field__input--hideSearchClear_g1hr3_291::-webkit-search-results-button,._input-field__input--hideSearchClear_g1hr3_291::-webkit-search-results-decoration{display:none}._input-field__input--hideSearchClear_g1hr3_291::-ms-clear{display:none}._input-field__input--hideSearchClear_g1hr3_291::-moz-search-clear-button{display:none}[dir=rtl] ._input-field__wrapper_g1hr3_26[data-end-slot]:not([data-start-slot]) ._input-field__input_g1hr3_56,[dir=rtl] ._input-field__wrapper_g1hr3_26[data-start-slot] div:first-child{border-radius:0;border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius);padding-right:var(--alto-sem-space-sm)}[dir=rtl] ._input-field__wrapper_g1hr3_26[data-end-slot] div:last-child,[dir=rtl] ._input-field__wrapper_g1hr3_26[data-start-slot]:not([data-end-slot]) ._input-field__input_g1hr3_56{border-radius:0;border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}[dir=rtl] ._input-field__prefix_g1hr3_140,[dir=rtl] ._input-field__startSelect_g1hr3_116{border-left:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-right:0}[dir=rtl] ._input-field__endSelect_g1hr3_117,[dir=rtl] ._input-field__suffix_g1hr3_141{border-left:0;border-right:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}[dir=rtl] ._input-field__wrapper_g1hr3_26:has(._input-field__startIcon_g1hr3_144) ._input-field__input_g1hr3_56,[dir=rtl] ._input-field__wrapper_g1hr3_26:has(._input-field__startSlot_g1hr3_146) ._input-field__input_g1hr3_56{padding-right:0}[dir=rtl]._input-field__wrapper_g1hr3_26:has(._input-field__endIcon_g1hr3_145) ._input-field__input_g1hr3_56,[dir=rtl]._input-field__wrapper_g1hr3_26:has(._input-field__endSlot_g1hr3_147) ._input-field__input_g1hr3_56{padding-left:0}[dir=rtl] ._input-field__wrapper_g1hr3_26:has(._input-field__clearButton_g1hr3_228) ._input-field__input_g1hr3_56{padding-left:var(--clearButton-focus-width)}[dir=rtl] ._input-field__clearButton_g1hr3_228{left:var(--alto-sem-space-2xs);right:unset}[dir=rtl] ._input-field__clearButton_g1hr3_228:not(:last-child){left:calc(var(--input-end-slot-width) + 6px);right:unset}._input-field__wrapper_g1hr3_26:has([data-disabled]){border-color:var(--alto-sem-color-border-disabled-subtle)}._input-field__wrapper_g1hr3_26>[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed;pointer-events:none}

package/dist/components/_base/Input/Input.js

@@ -11,21 +11,21 @@ import { useBreakpoint } from "../../../utils/breakpoint/hooks/useBreakpoint.js"
 import { resolveResponsiveProp } from "../../../utils/breakpoint/responsive.js";
 import { Icon } from "../../Icon/Icon.js";
 import '../../../assets/Input.css';const styles = {
-  "input-field": "_input-field_hezu8_1",
-  "input-field__grid": "_input-field__grid_hezu8_13",
-  "input-field__wrapper": "_input-field__wrapper_hezu8_19",
-  "input-field__input": "_input-field__input_hezu8_48",
-  "input-field__startSelect": "_input-field__startSelect_hezu8_109",
-  "input-field__endSelect": "_input-field__endSelect_hezu8_110",
-  "input-field__prefix": "_input-field__prefix_hezu8_126",
-  "input-field__suffix": "_input-field__suffix_hezu8_127",
-  "input-field__startIcon": "_input-field__startIcon_hezu8_130",
-  "input-field__endIcon": "_input-field__endIcon_hezu8_131",
-  "input-field__startSlot": "_input-field__startSlot_hezu8_132",
-  "input-field__endSlot": "_input-field__endSlot_hezu8_133",
-  "input-field__clearButton": "_input-field__clearButton_hezu8_206",
-  "input-field__errorMessage": "_input-field__errorMessage_hezu8_264",
-  "input-field__input--hideSearchClear": "_input-field__input--hideSearchClear_hezu8_269"
+  "input-field": "_input-field_g1hr3_1",
+  "input-field__grid": "_input-field__grid_g1hr3_20",
+  "input-field__wrapper": "_input-field__wrapper_g1hr3_26",
+  "input-field__input": "_input-field__input_g1hr3_56",
+  "input-field__startSelect": "_input-field__startSelect_g1hr3_116",
+  "input-field__endSelect": "_input-field__endSelect_g1hr3_117",
+  "input-field__prefix": "_input-field__prefix_g1hr3_140",
+  "input-field__suffix": "_input-field__suffix_g1hr3_141",
+  "input-field__startIcon": "_input-field__startIcon_g1hr3_144",
+  "input-field__endIcon": "_input-field__endIcon_g1hr3_145",
+  "input-field__startSlot": "_input-field__startSlot_g1hr3_146",
+  "input-field__endSlot": "_input-field__endSlot_g1hr3_147",
+  "input-field__clearButton": "_input-field__clearButton_g1hr3_228",
+  "input-field__errorMessage": "_input-field__errorMessage_g1hr3_286",
+  "input-field__input--hideSearchClear": "_input-field__input--hideSearchClear_g1hr3_291"
 };
 function isIconButtonElement(node) {
   return isValidElement(node) && (node.type === IconButton || typeof node.type === "function" && node.type.name === "IconButton");
@@ -204,10 +204,7 @@ const EndSlot = forwardRef(({
       return child;
     });
   }
-  return /* @__PURE__ */ jsx("div", { ref, className: `
-          ${styles["input-field__endSlot"]} 
-          ${className || ""}
-        `, ...state.isDisabled ? {
+  return /* @__PURE__ */ jsx("div", { ref, className: [styles["input-field__endSlot"], className || ""].filter(Boolean).join(" "), ...state.isDisabled ? {
     "data-disabled": true
   } : {}, ...state.isInvalid ? {
     "data-invalid": true

package/dist/components/_base/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",