@inera/ids-design 4.6.2 → 4.6.3

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.
Files changed (9) hide show
  1. package/components/form/checkbox/checkbox-lit.js +1 -1
  2. package/components/form/checkbox/checkbox.css +1 -1
  3. package/components/form/input/input-lit.js +1 -1
  4. package/components/form/input/input.css +1 -1
  5. package/components/form/radio/radio-lit.js +1 -1
  6. package/components/form/radio/radio.css +1 -1
  7. package/components/form/select/select-lit.js +1 -1
  8. package/components/form/select/select.css +1 -1
  9. package/package.json +1 -1
package/components/form/checkbox/checkbox-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-checkbox-label,.ids-checkbox-wrapper ::slotted(label){align-items:center;color:var(--IDS-FORM__LABEL__COLOR);display:inline-block;font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled ::slotted(label),.ids-checkbox:disabled+.ids-checkbox-label{color:var(--IDS-FORM__LABEL--DISABLED__COLOR);font-style:italic}.ids-checkbox,.ids-checkbox-wrapper ::slotted(input){opacity:0;position:absolute}.ids-checkbox-group .ids-checkbox-label,.ids-checkbox-group ::slotted(*){margin-bottom:8px;margin-top:8px}.ids-checkbox-group.ids-checkbox-group--compact .ids-checkbox-label,.ids-checkbox-group.ids-checkbox-group--compact ::slotted(*){margin-bottom:0;margin-top:0}.ids-checkbox-label:before,.ids-checkbox-wrapper ::slotted(label):before{background-color:var(--IDS-CHECKBOX_BACKGROUND-COLOR);border:var(--IDS-CHECKBOX_BORDER);border-radius:var(--IDS-CHECKBOX_BORDER-RADIUS);box-sizing:border-box;content:\"\";cursor:pointer;margin-right:.625rem;min-height:1.25rem;min-width:1.25rem}.ids-checkbox-label:after,.ids-checkbox-wrapper ::slotted(label):after{background-position:50%;background-repeat:no-repeat;background-size:1em 1em;content:\"\";cursor:pointer;min-height:1.25rem;min-width:1.25rem;position:absolute}.ids-checkbox-wrapper.ids-checkbox-wrapper--invalid ::slotted(label):before,.ids-checkbox:invalid+.ids-checkbox-label:before{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);border:none}.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled ::slotted(label):before,.ids-checkbox:disabled+.ids-checkbox-label:before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE)!important;border:none!important}.ids-checkbox-wrapper.ids-checkbox-wrapper--checked ::slotted(label):after,.ids-checkbox:checked+.ids-checkbox-label:after{background-image:var(--IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE)}.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled.ids-checkbox-wrapper--checked ::slotted(label):after,.ids-checkbox:checked:disabled+.ids-checkbox-label:after{background-image:var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE)!important}.ids-checkbox-wrapper.ids-checkbox-wrapper--invalid.ids-checkbox-wrapper--checked ::slotted(label):after{background-image:var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE)!important}.ids-checkbox-wrapper.ids-checkbox-wrapper--focused ::slotted(label):before,.ids-checkbox:focus+.ids-checkbox-label:before{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-checkbox-group .ids-checkbox{margin-top:18px}.ids-checkbox-group.ids-checkbox-group--compact .ids-checkbox{margin-top:0}.ids-checkbox-group fieldset{border:none;margin:0;padding:0}.ids-checkbox-group fieldset legend{color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--font-family_1);padding:0}.ids-checkbox.ids-checkbox--light:not(:invalid)+.ids-checkbox-label:before{background-color:#fff}.ids-checkbox.ids-checkbox--no-label+.ids-checkbox-label{display:inline-flex}.ids-checkbox.ids-checkbox--no-label+.ids-checkbox-label:before{margin-right:0}.ids-checkbox-label{display:inline-flex;position:relative}.ids-checkbox-group ::slotted(*){display:block}.ids-checkbox-wrapper ::slotted(label){display:inline-flex;min-height:24px;min-width:24px;position:relative}.ids-checkbox-wrapper.ids-checkbox-wrapper--light ::slotted(label):before{background-color:#fff}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label{display:inline}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label ::slotted(label){display:inline-flex}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label ::slotted(label):before{margin-right:0}";
3
+ var css_248z = ".ids-checkbox-label,.ids-checkbox-wrapper ::slotted(label){align-items:center;color:var(--IDS-FORM__LABEL__COLOR);display:inline-block;font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled ::slotted(label),.ids-checkbox:disabled+.ids-checkbox-label{color:var(--IDS-FORM__LABEL--DISABLED__COLOR);font-style:italic}.ids-label-wrapper{align-items:center;display:inline-flex;gap:10px}.ids-checkbox,.ids-checkbox-wrapper ::slotted(input){opacity:0;position:absolute}.ids-checkbox-group .ids-checkbox-label,.ids-checkbox-group ::slotted(:not([slot=tooltip])){margin-bottom:8px;margin-top:8px}.ids-checkbox-group.ids-checkbox-group--compact .ids-checkbox-label,.ids-checkbox-group.ids-checkbox-group--compact ::slotted(:not([slot=tooltip])){margin-bottom:0;margin-top:0}.ids-checkbox-label:before,.ids-checkbox-wrapper ::slotted(label):before{background-color:var(--IDS-CHECKBOX_BACKGROUND-COLOR);border:var(--IDS-CHECKBOX_BORDER);border-radius:var(--IDS-CHECKBOX_BORDER-RADIUS);box-sizing:border-box;content:\"\";cursor:pointer;margin-right:.625rem;min-height:1.25rem;min-width:1.25rem}.ids-checkbox-label:after,.ids-checkbox-wrapper ::slotted(label):after{background-position:50%;background-repeat:no-repeat;background-size:1em 1em;content:\"\";cursor:pointer;min-height:1.25rem;min-width:1.25rem;position:absolute}.ids-checkbox-wrapper.ids-checkbox-wrapper--invalid ::slotted(label):before,.ids-checkbox:invalid+.ids-checkbox-label:before{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);border:none}.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled ::slotted(label):before,.ids-checkbox:disabled+.ids-checkbox-label:before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE)!important;border:none!important}.ids-checkbox-wrapper.ids-checkbox-wrapper--checked ::slotted(label):after,.ids-checkbox:checked+.ids-checkbox-label:after{background-image:var(--IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE)}.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled.ids-checkbox-wrapper--checked ::slotted(label):after,.ids-checkbox:checked:disabled+.ids-checkbox-label:after{background-image:var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE)!important}.ids-checkbox-wrapper.ids-checkbox-wrapper--invalid.ids-checkbox-wrapper--checked ::slotted(label):after{background-image:var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE)!important}.ids-checkbox-wrapper.ids-checkbox-wrapper--focused ::slotted(label):before,.ids-checkbox:focus+.ids-checkbox-label:before{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-checkbox-group .ids-checkbox{margin-top:18px}.ids-checkbox-group.ids-checkbox-group--compact .ids-checkbox{margin-top:0}.ids-checkbox-group fieldset{border:none;margin:0;padding:0}.ids-checkbox-group fieldset legend{color:var(--IDS-FORM__LABEL__COLOR);display:inline-flex;font-family:var(--font-family_1);gap:10px;padding:0}.ids-checkbox.ids-checkbox--light:not(:invalid)+.ids-checkbox-label:before{background-color:#fff}.ids-checkbox.ids-checkbox--no-label+.ids-checkbox-label{display:inline-flex}.ids-checkbox.ids-checkbox--no-label+.ids-checkbox-label:before{margin-right:0}.ids-checkbox-label{display:inline-flex;position:relative}.ids-checkbox-group ::slotted(:not([slot=tooltip])){display:block}.ids-checkbox-wrapper ::slotted(label){display:inline-flex;min-height:24px;min-width:24px;position:relative}.ids-checkbox-wrapper.ids-checkbox-wrapper--light ::slotted(label):before{background-color:#fff}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label{display:inline}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label ::slotted(label){display:inline-flex}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label ::slotted(label):before{margin-right:0}";
4
4
 
5
5
  var checkboxLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/checkbox/checkbox.css CHANGED
@@ -1 +1 @@
1
- .ids-checkbox-label,.ids-checkbox-wrapper ::slotted(label){display:inline-block;align-items:center;color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-checkbox:disabled+.ids-checkbox-label,.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled ::slotted(label){font-style:italic;color:var(--IDS-FORM__LABEL--DISABLED__COLOR)}.ids-checkbox,.ids-checkbox-wrapper ::slotted(input){position:absolute;opacity:0}.ids-checkbox-group .ids-checkbox-label,.ids-checkbox-group ::slotted(*){margin-bottom:8px;margin-top:8px}.ids-checkbox-group.ids-checkbox-group--compact .ids-checkbox-label,.ids-checkbox-group.ids-checkbox-group--compact ::slotted(*){margin-top:0px;margin-bottom:0px}.ids-checkbox-label::before,.ids-checkbox-wrapper ::slotted(label)::before{content:"";cursor:pointer;background-color:var(--IDS-CHECKBOX_BACKGROUND-COLOR);border:var(--IDS-CHECKBOX_BORDER);border-radius:var(--IDS-CHECKBOX_BORDER-RADIUS);box-sizing:border-box;min-height:1.25rem;min-width:1.25rem;margin-right:0.625rem}.ids-checkbox-label::after,.ids-checkbox-wrapper ::slotted(label)::after{content:"";min-height:1.25rem;min-width:1.25rem;position:absolute;cursor:pointer;background-position:center center;background-size:1em 1em;background-repeat:no-repeat}.ids-checkbox:invalid+.ids-checkbox-label::before,.ids-checkbox-wrapper.ids-checkbox-wrapper--invalid ::slotted(label)::before{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE)}.ids-checkbox:disabled+.ids-checkbox-label::before,.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled ::slotted(label)::before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:none !important;background-image:var(--IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE) !important}.ids-checkbox:checked+.ids-checkbox-label::after,.ids-checkbox-wrapper.ids-checkbox-wrapper--checked ::slotted(label)::after{background-image:var(--IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE)}.ids-checkbox:checked:disabled+.ids-checkbox-label::after,.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled.ids-checkbox-wrapper--checked ::slotted(label)::after{background-image:var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important}.ids-checkbox-wrapper.ids-checkbox-wrapper--invalid.ids-checkbox-wrapper--checked ::slotted(label)::after{background-image:var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important}.ids-checkbox:focus+.ids-checkbox-label::before,.ids-checkbox-wrapper.ids-checkbox-wrapper--focused ::slotted(label)::before{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-checkbox-group .ids-checkbox{margin-top:18px}.ids-checkbox-group.ids-checkbox-group--compact .ids-checkbox{margin-top:0px}.ids-checkbox-group fieldset{border:none;margin:0px;padding:0px}.ids-checkbox-group fieldset legend{padding:0px;font-family:var(--font-family_1);color:var(--IDS-FORM__LABEL__COLOR)}.ids-checkbox.ids-checkbox--light:not(:invalid)+.ids-checkbox-label::before{background-color:white}.ids-checkbox.ids-checkbox--no-label+.ids-checkbox-label{display:inline-flex}.ids-checkbox.ids-checkbox--no-label+.ids-checkbox-label::before{margin-right:0px}.ids-checkbox-label{position:relative;display:inline-flex}.ids-checkbox-group ::slotted(*){display:block}.ids-checkbox-wrapper ::slotted(label){min-width:24px;min-height:24px;display:inline-flex;position:relative}.ids-checkbox-wrapper.ids-checkbox-wrapper--light ::slotted(label)::before{background-color:white}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label{display:inline}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label ::slotted(label){display:inline-flex}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label ::slotted(label)::before{margin-right:0px}
1
+ .ids-checkbox-label,.ids-checkbox-wrapper ::slotted(label){display:inline-block;align-items:center;color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-checkbox:disabled+.ids-checkbox-label,.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled ::slotted(label){font-style:italic;color:var(--IDS-FORM__LABEL--DISABLED__COLOR)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-checkbox,.ids-checkbox-wrapper ::slotted(input){position:absolute;opacity:0}.ids-checkbox-group .ids-checkbox-label,.ids-checkbox-group ::slotted(:not([slot=tooltip])){margin-bottom:8px;margin-top:8px}.ids-checkbox-group.ids-checkbox-group--compact .ids-checkbox-label,.ids-checkbox-group.ids-checkbox-group--compact ::slotted(:not([slot=tooltip])){margin-top:0px;margin-bottom:0px}.ids-checkbox-label::before,.ids-checkbox-wrapper ::slotted(label)::before{content:"";cursor:pointer;background-color:var(--IDS-CHECKBOX_BACKGROUND-COLOR);border:var(--IDS-CHECKBOX_BORDER);border-radius:var(--IDS-CHECKBOX_BORDER-RADIUS);box-sizing:border-box;min-height:1.25rem;min-width:1.25rem;margin-right:0.625rem}.ids-checkbox-label::after,.ids-checkbox-wrapper ::slotted(label)::after{content:"";min-height:1.25rem;min-width:1.25rem;position:absolute;cursor:pointer;background-position:center center;background-size:1em 1em;background-repeat:no-repeat}.ids-checkbox:invalid+.ids-checkbox-label::before,.ids-checkbox-wrapper.ids-checkbox-wrapper--invalid ::slotted(label)::before{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE)}.ids-checkbox:disabled+.ids-checkbox-label::before,.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled ::slotted(label)::before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:none !important;background-image:var(--IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE) !important}.ids-checkbox:checked+.ids-checkbox-label::after,.ids-checkbox-wrapper.ids-checkbox-wrapper--checked ::slotted(label)::after{background-image:var(--IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE)}.ids-checkbox:checked:disabled+.ids-checkbox-label::after,.ids-checkbox-wrapper.ids-checkbox-wrapper--disabled.ids-checkbox-wrapper--checked ::slotted(label)::after{background-image:var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important}.ids-checkbox-wrapper.ids-checkbox-wrapper--invalid.ids-checkbox-wrapper--checked ::slotted(label)::after{background-image:var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important}.ids-checkbox:focus+.ids-checkbox-label::before,.ids-checkbox-wrapper.ids-checkbox-wrapper--focused ::slotted(label)::before{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-checkbox-group .ids-checkbox{margin-top:18px}.ids-checkbox-group.ids-checkbox-group--compact .ids-checkbox{margin-top:0px}.ids-checkbox-group fieldset{border:none;margin:0px;padding:0px}.ids-checkbox-group fieldset legend{padding:0px;font-family:var(--font-family_1);color:var(--IDS-FORM__LABEL__COLOR);display:inline-flex;gap:10px}.ids-checkbox.ids-checkbox--light:not(:invalid)+.ids-checkbox-label::before{background-color:white}.ids-checkbox.ids-checkbox--no-label+.ids-checkbox-label{display:inline-flex}.ids-checkbox.ids-checkbox--no-label+.ids-checkbox-label::before{margin-right:0px}.ids-checkbox-label{position:relative;display:inline-flex}.ids-checkbox-group ::slotted(:not([slot=tooltip])){display:block}.ids-checkbox-wrapper ::slotted(label){min-width:24px;min-height:24px;display:inline-flex;position:relative}.ids-checkbox-wrapper.ids-checkbox-wrapper--light ::slotted(label)::before{background-color:white}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label{display:inline}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label ::slotted(label){display:inline-flex}.ids-checkbox-wrapper.ids-checkbox-wrapper--no-label ::slotted(label)::before{margin-right:0px}
package/components/form/input/input-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-input,.ids-input-component-wrapper .ids-input-wrapper ::slotted(input){background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);color:var(--IDS-INPUT_COLOR);display:block;font-family:var(--font-family_1)!important;font-size:16px;padding:.75rem 1.25rem}.ids-input-component-wrapper ::slotted(label),.ids-input-label{align-items:center;color:var(--IDS-FORM__LABEL__COLOR);display:inline-block;font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-input-label.ids-input-label--disabled{color:var(--IDS-FORM__LABEL--DISABLED__COLOR);font-style:italic}.ids-input-component-wrapper .ids-input-wrapper,.ids-input-wrapper{display:flex;position:relative}.ids-input,.ids-input-component-wrapper .ids-input-wrapper ::slotted(input){width:100%}.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--search ::slotted(input),.ids-input.ids-input--search{font-size:18px!important;height:3.75rem;margin-bottom:0!important;margin-top:0!important;padding-left:55px!important}.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--invalid ::slotted(input),.ids-input:invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);border:none}.ids-input-component-wrapper .ids-input-wrapper ::slotted(input:disabled),.ids-input:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);border:none}.ids-input__hint{color:var(--IDS-FORM__LABEL__COLOR);display:flex;font-family:var(--font-family_1);font-size:1rem;font-style:italic;justify-content:end;line-height:1.5rem;margin-top:5px}.ids-input-component-wrapper .ids-input-wrapper ::slotted([slot=append-icon]),.ids-input-wrapper .ids-input__icon{pointer-events:none;position:absolute;right:25px;top:50%;transform:translateY(-50%)}.ids-input-component-wrapper .ids-input-wrapper .ids-input__prepend-icon,.ids-input-wrapper .ids-input__prepend-icon{left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-input-wrapper .ids-input{width:100%}.ids-input-wrapper .ids-input__prepend-icon+.ids-input{padding-left:55px!important}.ids-input-wrapper .ids-button{margin-left:10px}.ids-input.ids-input--light{background-color:#fff}.ids-input.ids-input--search::-webkit-search-cancel-button,.ids-input.ids-input--search::-webkit-search-results-button,.ids-input.ids-input--search::-webkit-search-results-decoration{-webkit-appearance:none;background-image:var(--IDS-INPUT--SEARCH__CANCEL-ICON);cursor:pointer;height:20px;width:20px}@media (max-width:1024px){.ids-input.ids-input--search{border-radius:var(--IDS-INPUT--SEARCH__BORDER-RADIUS);font-size:16px!important;height:3.125rem;margin-right:var(--input-search-mobile_margin-right);padding-left:20px!important}}.ids-input-component-wrapper{display:block}.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--light ::slotted(input){background-color:#fff}.ids-input-component-wrapper .ids-input-wrapper:has(.ids-input__prepend-icon) ::slotted(input){padding-left:55px!important}.ids-input-component-wrapper .ids-input-wrapper ::slotted([slot=button]){margin-left:10px}";
3
+ var css_248z = ".ids-input,.ids-input-component-wrapper .ids-input-wrapper ::slotted(input){background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);color:var(--IDS-INPUT_COLOR);display:block;font-family:var(--font-family_1)!important;font-size:16px;padding:.75rem 1.25rem}.ids-input-component-wrapper ::slotted(label),.ids-input-label{align-items:center;color:var(--IDS-FORM__LABEL__COLOR);display:inline-block;font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-input-label.ids-input-label--disabled{color:var(--IDS-FORM__LABEL--DISABLED__COLOR);font-style:italic}.ids-label-wrapper{align-items:center;display:inline-flex;gap:10px}.ids-input-component-wrapper .ids-input-wrapper,.ids-input-wrapper{display:flex;position:relative}.ids-input,.ids-input-component-wrapper .ids-input-wrapper ::slotted(input){width:100%}.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--search ::slotted(input),.ids-input.ids-input--search{font-size:18px!important;height:3.75rem;margin-bottom:0!important;margin-top:0!important;padding-left:55px!important}.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--invalid ::slotted(input),.ids-input:invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);border:none}.ids-input-component-wrapper .ids-input-wrapper ::slotted(input:disabled),.ids-input:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);border:none}.ids-input__hint{color:var(--IDS-FORM__LABEL__COLOR);display:flex;font-family:var(--font-family_1);font-size:1rem;font-style:italic;justify-content:end;line-height:1.5rem;margin-top:5px}.ids-input-component-wrapper .ids-input-wrapper ::slotted([slot=append-icon]),.ids-input-wrapper .ids-input__icon{pointer-events:none;position:absolute;right:25px;top:50%;transform:translateY(-50%)}.ids-input-component-wrapper .ids-input-wrapper .ids-input__prepend-icon,.ids-input-wrapper .ids-input__prepend-icon{left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-input-wrapper .ids-input{width:100%}.ids-input-wrapper .ids-input__prepend-icon+.ids-input{padding-left:55px!important}.ids-input-wrapper .ids-button{margin-left:10px}.ids-input.ids-input--light:not(:invalid){background-color:#fff}.ids-input.ids-input--search::-webkit-search-cancel-button,.ids-input.ids-input--search::-webkit-search-results-button,.ids-input.ids-input--search::-webkit-search-results-decoration{-webkit-appearance:none;background-image:var(--IDS-INPUT--SEARCH__CANCEL-ICON);cursor:pointer;height:20px;width:20px}@media (max-width:1024px){.ids-input.ids-input--search{border-radius:var(--IDS-INPUT--SEARCH__BORDER-RADIUS);font-size:16px!important;height:3.125rem;margin-right:var(--input-search-mobile_margin-right);padding-left:20px!important}}.ids-input-component-wrapper{display:block}.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--light:not(.ids-input-wrapper--invalid) ::slotted(input){background-color:#fff}.ids-input-component-wrapper .ids-input-wrapper:has(.ids-input__prepend-icon) ::slotted(input){padding-left:55px!important}.ids-input-component-wrapper .ids-input-wrapper ::slotted([slot=button]){margin-left:10px}";
4
4
 
5
5
  var inputLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/input/input.css CHANGED
@@ -1 +1 @@
1
- .ids-input,.ids-input-component-wrapper .ids-input-wrapper ::slotted(input){font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-input-label,.ids-input-component-wrapper ::slotted(label){display:inline-block;align-items:center;color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-input-label.ids-input-label--disabled{font-style:italic;color:var(--IDS-FORM__LABEL--DISABLED__COLOR)}.ids-input-wrapper,.ids-input-component-wrapper .ids-input-wrapper{position:relative;display:flex}.ids-input,.ids-input-component-wrapper .ids-input-wrapper ::slotted(input){width:100%}.ids-input.ids-input--search,.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--search ::slotted(input){margin-top:0px !important;margin-bottom:0px !important;height:3.75rem;padding-left:55px !important;font-size:18px !important}.ids-input:invalid,.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--invalid ::slotted(input){background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE)}.ids-input:disabled,.ids-input-component-wrapper .ids-input-wrapper ::slotted(input:disabled){background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-input__hint{margin-top:5px;font-family:var(--font-family_1);color:var(--IDS-FORM__LABEL__COLOR);display:flex;justify-content:end;line-height:1.5rem;font-size:1rem;font-style:italic}.ids-input-wrapper .ids-input__icon,.ids-input-component-wrapper .ids-input-wrapper ::slotted([slot=append-icon]){pointer-events:none;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.ids-input-wrapper .ids-input__prepend-icon,.ids-input-component-wrapper .ids-input-wrapper .ids-input__prepend-icon{pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.ids-input-wrapper .ids-input{width:100%}.ids-input-wrapper .ids-input__prepend-icon+.ids-input{padding-left:55px !important}.ids-input-wrapper .ids-button{margin-left:10px}.ids-input.ids-input--light{background-color:white}.ids-input.ids-input--search::-webkit-search-cancel-button,.ids-input.ids-input--search::-webkit-search-results-button,.ids-input.ids-input--search::-webkit-search-results-decoration{cursor:pointer;-webkit-appearance:none;height:20px;width:20px;background-image:var(--IDS-INPUT--SEARCH__CANCEL-ICON)}@media (max-width: 1024px){.ids-input.ids-input--search{padding-left:20px !important;font-size:16px !important;margin-right:var(--input-search-mobile_margin-right);border-radius:var(--IDS-INPUT--SEARCH__BORDER-RADIUS);height:3.125rem}}.ids-input-component-wrapper{display:block}.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--light ::slotted(input){background-color:white}.ids-input-component-wrapper .ids-input-wrapper:has(.ids-input__prepend-icon) ::slotted(input){padding-left:55px !important}.ids-input-component-wrapper .ids-input-wrapper ::slotted([slot="button"]){margin-left:10px}
1
+ .ids-input,.ids-input-component-wrapper .ids-input-wrapper ::slotted(input){font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-input-label,.ids-input-component-wrapper ::slotted(label){display:inline-block;align-items:center;color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-input-label.ids-input-label--disabled{font-style:italic;color:var(--IDS-FORM__LABEL--DISABLED__COLOR)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-input-wrapper,.ids-input-component-wrapper .ids-input-wrapper{position:relative;display:flex}.ids-input,.ids-input-component-wrapper .ids-input-wrapper ::slotted(input){width:100%}.ids-input.ids-input--search,.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--search ::slotted(input){margin-top:0px !important;margin-bottom:0px !important;height:3.75rem;padding-left:55px !important;font-size:18px !important}.ids-input:invalid,.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--invalid ::slotted(input){background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE)}.ids-input:disabled,.ids-input-component-wrapper .ids-input-wrapper ::slotted(input:disabled){background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-input__hint{margin-top:5px;font-family:var(--font-family_1);color:var(--IDS-FORM__LABEL__COLOR);display:flex;justify-content:end;line-height:1.5rem;font-size:1rem;font-style:italic}.ids-input-wrapper .ids-input__icon,.ids-input-component-wrapper .ids-input-wrapper ::slotted([slot=append-icon]){pointer-events:none;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.ids-input-wrapper .ids-input__prepend-icon,.ids-input-component-wrapper .ids-input-wrapper .ids-input__prepend-icon{pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.ids-input-wrapper .ids-input{width:100%}.ids-input-wrapper .ids-input__prepend-icon+.ids-input{padding-left:55px !important}.ids-input-wrapper .ids-button{margin-left:10px}.ids-input.ids-input--light:not(:invalid){background-color:white}.ids-input.ids-input--search::-webkit-search-cancel-button,.ids-input.ids-input--search::-webkit-search-results-button,.ids-input.ids-input--search::-webkit-search-results-decoration{cursor:pointer;-webkit-appearance:none;height:20px;width:20px;background-image:var(--IDS-INPUT--SEARCH__CANCEL-ICON)}@media (max-width: 1024px){.ids-input.ids-input--search{padding-left:20px !important;font-size:16px !important;margin-right:var(--input-search-mobile_margin-right);border-radius:var(--IDS-INPUT--SEARCH__BORDER-RADIUS);height:3.125rem}}.ids-input-component-wrapper{display:block}.ids-input-component-wrapper .ids-input-wrapper.ids-input-wrapper--light:not(.ids-input-wrapper--invalid) ::slotted(input){background-color:white}.ids-input-component-wrapper .ids-input-wrapper:has(.ids-input__prepend-icon) ::slotted(input){padding-left:55px !important}.ids-input-component-wrapper .ids-input-wrapper ::slotted([slot="button"]){margin-left:10px}
package/components/form/radio/radio-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-radio:focus+label:before,.ids-radio__wrapper:focus-within ::slotted(label):before{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-radio-label,.ids-radio__wrapper ::slotted(label){align-items:center;color:var(--IDS-FORM__LABEL__COLOR);display:inline-block;font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-radio-label.ids-radio-label--disabled{color:var(--IDS-FORM__LABEL--DISABLED__COLOR);font-style:italic}.ids-radio:checked+label:before{background-color:var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR)!important;box-shadow:var(--IDS-RADIO--CHECKED__BOX-SHADOW)}.ids-radio:disabled+label:before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);background-image:var(--IDS-RADIO--DISABLED_BACKGROUND-IMAGE);border:none}.ids-radio:invalid+label:before{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-RADIO--INVALID_BACKGROUND-IMAGE);border:none}.ids-radio,.ids-radio__wrapper ::slotted(input[type=radio]){display:inline-block;margin-right:10px;opacity:0;position:absolute;width:auto}.ids-radio__fieldset{border:none;margin:0;padding:0}.ids-radio__fieldset legend{padding:0}.ids-radio-label{display:inline-flex}.ids-radio-label,.ids-radio__wrapper ::slotted(label){display:inline-flex;margin-bottom:8px;margin-top:8px}.ids-radio-label:before,.ids-radio__wrapper ::slotted(label):before{background:var(--IDS-RADIO__BACKGROUND-COLOR);border:var(--IDS-RADIO__BORDER);border-radius:100%;box-sizing:border-box;content:\"\";cursor:pointer;display:inline-block;flex:0 0 auto;height:1.25rem;margin-right:.625rem;position:relative;text-align:center;width:1.25rem}.ids-radio.ids-radio--light:not(:invalid)+.ids-radio-label:before{background-color:#fff}.ids-radio__wrapper.ids-radio__wrapper--light ::slotted(label):before{background-color:#fff}";
3
+ var css_248z = ".ids-radio:focus+label:before,.ids-radio__wrapper:focus-within ::slotted(label):before{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-radio-label,.ids-radio__wrapper ::slotted(label){align-items:center;color:var(--IDS-FORM__LABEL__COLOR);display:inline-block;font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-radio-label.ids-radio-label--disabled{color:var(--IDS-FORM__LABEL--DISABLED__COLOR);font-style:italic}.ids-label-wrapper{align-items:center;display:inline-flex;gap:10px}.ids-radio:checked+label:before{background-color:var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR)!important;box-shadow:var(--IDS-RADIO--CHECKED__BOX-SHADOW)}.ids-radio:disabled+label:before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);background-image:var(--IDS-RADIO--DISABLED_BACKGROUND-IMAGE);border:none}.ids-radio:invalid+label:before{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-RADIO--INVALID_BACKGROUND-IMAGE);border:none}.ids-radio,.ids-radio__wrapper ::slotted(input[type=radio]){display:inline-block;margin-right:10px;opacity:0;position:absolute;width:auto}.ids-radio__fieldset{border:none;margin:0;padding:0}.ids-radio__fieldset legend{display:inline-flex;gap:10px;padding:0}.ids-radio-label{display:inline-flex}.ids-radio-label,.ids-radio__wrapper ::slotted(label){display:inline-flex;margin-bottom:8px;margin-top:8px}.ids-radio-label:before,.ids-radio__wrapper ::slotted(label):before{background:var(--IDS-RADIO__BACKGROUND-COLOR);border:var(--IDS-RADIO__BORDER);border-radius:100%;box-sizing:border-box;content:\"\";cursor:pointer;display:inline-block;flex:0 0 auto;height:1.25rem;margin-right:.625rem;position:relative;text-align:center;width:1.25rem}.ids-radio.ids-radio--light:not(:invalid)+.ids-radio-label:before{background-color:#fff}.ids-radio__wrapper.ids-radio__wrapper--light ::slotted(label):before{background-color:#fff}";
4
4
 
5
5
  var radioLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/radio/radio.css CHANGED
@@ -1 +1 @@
1
- .ids-radio:focus+label:before,.ids-radio__wrapper:focus-within ::slotted(label):before{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-radio-label,.ids-radio__wrapper ::slotted(label){display:inline-block;align-items:center;color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-radio-label.ids-radio-label--disabled{font-style:italic;color:var(--IDS-FORM__LABEL--DISABLED__COLOR)}.ids-radio:checked+label:before{background-color:var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR) !important;box-shadow:var(--IDS-RADIO--CHECKED__BOX-SHADOW)}.ids-radio:disabled+label:before{background-image:var(--IDS-RADIO--DISABLED_BACKGROUND-IMAGE);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:none}.ids-radio:invalid+label:before{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-RADIO--INVALID_BACKGROUND-IMAGE)}.ids-radio,.ids-radio__wrapper ::slotted(input[type=radio]){display:inline-block;margin-right:10px;width:auto;position:absolute;opacity:0}.ids-radio__fieldset{border:none;margin:0px;padding:0px}.ids-radio__fieldset legend{padding:0px}.ids-radio-label{display:inline-flex}.ids-radio-label,.ids-radio__wrapper ::slotted(label){display:inline-flex;margin-top:8px;margin-bottom:8px}.ids-radio-label:before,.ids-radio__wrapper ::slotted(label):before{content:"";flex:0 0 auto;background:var(--IDS-RADIO__BACKGROUND-COLOR);box-sizing:border-box;border-radius:100%;border:var(--IDS-RADIO__BORDER);display:inline-block;width:1.25rem;height:1.25rem;position:relative;cursor:pointer;text-align:center;margin-right:0.625rem}.ids-radio.ids-radio--light:not(:invalid)+.ids-radio-label::before{background-color:white}.ids-radio__wrapper.ids-radio__wrapper--light ::slotted(label)::before{background-color:white}
1
+ .ids-radio:focus+label:before,.ids-radio__wrapper:focus-within ::slotted(label):before{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-radio-label,.ids-radio__wrapper ::slotted(label){display:inline-block;align-items:center;color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-radio-label.ids-radio-label--disabled{font-style:italic;color:var(--IDS-FORM__LABEL--DISABLED__COLOR)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-radio:checked+label:before{background-color:var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR) !important;box-shadow:var(--IDS-RADIO--CHECKED__BOX-SHADOW)}.ids-radio:disabled+label:before{background-image:var(--IDS-RADIO--DISABLED_BACKGROUND-IMAGE);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:none}.ids-radio:invalid+label:before{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:none;background-image:var(--IDS-RADIO--INVALID_BACKGROUND-IMAGE)}.ids-radio,.ids-radio__wrapper ::slotted(input[type=radio]){display:inline-block;margin-right:10px;width:auto;position:absolute;opacity:0}.ids-radio__fieldset{border:none;margin:0px;padding:0px}.ids-radio__fieldset legend{padding:0px;display:inline-flex;gap:10px}.ids-radio-label{display:inline-flex}.ids-radio-label,.ids-radio__wrapper ::slotted(label){display:inline-flex;margin-top:8px;margin-bottom:8px}.ids-radio-label:before,.ids-radio__wrapper ::slotted(label):before{content:"";flex:0 0 auto;background:var(--IDS-RADIO__BACKGROUND-COLOR);box-sizing:border-box;border-radius:100%;border:var(--IDS-RADIO__BORDER);display:inline-block;width:1.25rem;height:1.25rem;position:relative;cursor:pointer;text-align:center;margin-right:0.625rem}.ids-radio.ids-radio--light:not(:invalid)+.ids-radio-label::before{background-color:white}.ids-radio__wrapper.ids-radio__wrapper--light ::slotted(label)::before{background-color:white}
package/components/form/select/select-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-select,.ids-select-component ::slotted(select){background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-radius:var(--IDS-INPUT_BORDER-RADIUS);color:var(--IDS-INPUT_COLOR);display:block;font-family:var(--font-family_1)!important;font-size:16px;padding:.75rem 1.25rem}.ids-select-component ::slotted(label),.ids-select-label{align-items:center;color:var(--IDS-FORM__LABEL__COLOR);display:inline-block;font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-select,.ids-select-component ::slotted(select){-webkit-appearance:none!important;-moz-appearance:none!important;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);display:inline-block!important;overflow:hidden;padding-right:40px;text-overflow:ellipsis;width:100%!important}.ids-select:invalid,:host([valid=false]) ::slotted(select){background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select-component ::slotted(select:disabled),.ids-select:disabled{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select-wrapper:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:25px;top:0;transform:rotate(90deg);width:12px}.ids-select-wrapper{position:relative}.ids-select.ids-select--light{background-color:#fff}.ids-select-wrapper:has(.ids-select:invalid):after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled):after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select-component.ids-select-component--disabled .ids-select-wrapper:after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}:host([valid=false]) .ids-select-wrapper:after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}:host([light]) ::slotted(select){background-color:#fff}";
3
+ var css_248z = ".ids-select,.ids-select-component ::slotted(select){background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-radius:var(--IDS-INPUT_BORDER-RADIUS);color:var(--IDS-INPUT_COLOR);display:block;font-family:var(--font-family_1)!important;font-size:16px;padding:.75rem 1.25rem}.ids-select-component ::slotted(label),.ids-select-label{align-items:center;color:var(--IDS-FORM__LABEL__COLOR);display:inline-block;font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-label-wrapper{align-items:center;display:inline-flex;gap:10px}.ids-select,.ids-select-component ::slotted(select){-webkit-appearance:none!important;-moz-appearance:none!important;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);display:inline-block!important;overflow:hidden;padding-right:40px;text-overflow:ellipsis;width:100%!important}.ids-select:invalid,:host([valid=false]) ::slotted(select){background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select-component ::slotted(select:disabled),.ids-select:disabled{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select-wrapper:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:25px;top:0;transform:rotate(90deg);width:12px}.ids-select-wrapper{position:relative}.ids-select.ids-select--light{background-color:#fff}.ids-select-wrapper:has(.ids-select:invalid):after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled):after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select-component.ids-select-component--disabled .ids-select-wrapper:after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}:host([valid=false]) .ids-select-wrapper:after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}:host([light]) ::slotted(select){background-color:#fff}";
4
4
 
5
5
  var selectLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/select/select.css CHANGED
@@ -1 +1 @@
1
- .ids-select,.ids-select-component ::slotted(select){font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-select-label,.ids-select-component ::slotted(label){display:inline-block;align-items:center;color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-select,.ids-select-component ::slotted(select){-webkit-appearance:none !important;-moz-appearance:none !important;display:inline-block !important;padding-right:40px;overflow:hidden;text-overflow:ellipsis;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);width:100% !important}.ids-select:invalid,:host([valid="false"]) ::slotted(select){background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select:disabled,.ids-select-component ::slotted(select:disabled){color:var(--IDS-FORM--DISABLED__COLOR);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:var(--IDS-FORM-DISABLED_BORDER);font-style:italic !important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE)}.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-select-wrapper{position:relative}.ids-select.ids-select--light{background-color:white}.ids-select-wrapper:has(.ids-select:invalid)::after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled)::after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select-component.ids-select-component--disabled .ids-select-wrapper::after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}:host([valid="false"]) .ids-select-wrapper::after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}:host([light]) ::slotted(select){background-color:white}
1
+ .ids-select,.ids-select-component ::slotted(select){font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-select-label,.ids-select-component ::slotted(label){display:inline-block;align-items:center;color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--IDS-FORM__LABEL__FONT-FAMILY);font-size:var(--IDS-FORM__LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM__LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM__LABEL__LETTER-SPACING);line-height:var(--IDS-FORM__LABEL__HEIGHT);margin-bottom:5px;min-height:24px;min-width:24px}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select,.ids-select-component ::slotted(select){-webkit-appearance:none !important;-moz-appearance:none !important;display:inline-block !important;padding-right:40px;overflow:hidden;text-overflow:ellipsis;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);width:100% !important}.ids-select:invalid,:host([valid="false"]) ::slotted(select){background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select:disabled,.ids-select-component ::slotted(select:disabled){color:var(--IDS-FORM--DISABLED__COLOR);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:var(--IDS-FORM-DISABLED_BORDER);font-style:italic !important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE)}.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-select-wrapper{position:relative}.ids-select.ids-select--light{background-color:white}.ids-select-wrapper:has(.ids-select:invalid)::after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled)::after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select-component.ids-select-component--disabled .ids-select-wrapper::after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}:host([valid="false"]) .ids-select-wrapper::after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}:host([light]) ::slotted(select){background-color:white}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inera/ids-design",
3
- "version": "4.6.2",
3
+ "version": "4.6.3",
4
4
  "license": "SEE LICENSE IN LICENSE.md",
5
5
  "publishConfig": {
6
6
  "access": "public"