@inera/ids-design 4.6.1 → 4.6.2
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.
|
@@ -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,.ids-radio__wrapper ::slotted(label){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-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}";
|
|
4
4
|
|
|
5
5
|
var radioLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -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,.ids-radio__wrapper ::slotted(label){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-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}
|