@inera/ids-design 7.2.2 → 7.2.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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dialog{align-items:flex-start;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-DIALOG__BORDER-COLOR);border-radius:var(--IDS-DIALOG__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);color:var(--IDS-DIALOG__COLOR);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 10rem);max-width:calc(100% - 3.75rem);padding:2.5rem 1.875rem;position:fixed;text-align:left;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:200}@media (max-width:1024px){.ids-dialog{padding:2.5rem .625rem}}@media (max-width:640px){.ids-dialog{max-height:calc(100% - 5rem);width:calc(100% - 3.75rem)}}.ids-dialog:has(.ids-dialog__header){padding-top:1.25rem}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__header{align-items:flex-end;display:flex;justify-content:flex-end;padding-bottom:.25rem;width:100%;word-break:break-all}.ids-dialog .ids-dialog__header .ids-dialog__header__button{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__header .ids-dialog__header__button{align-items:center;cursor:pointer;display:flex;height:1.25rem;justify-content:center;position:relative;width:1.25rem}.ids-dialog .ids-dialog__header .ids-dialog__header__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}.ids-dialog .ids-dialog__header .ids-dialog__header__button:active:before,.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus:before,.ids-dialog .ids-dialog__header .ids-dialog__header__button:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar{width:.625rem}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__body{box-sizing:content-box;height:100%;margin-right:.188rem;overflow-y:auto;padding:0 .375rem 0 .625rem
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dialog{align-items:flex-start;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-DIALOG__BORDER-COLOR);border-radius:var(--IDS-DIALOG__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);color:var(--IDS-DIALOG__COLOR);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 10rem);max-width:calc(100% - 3.75rem);padding:2.5rem 1.875rem;position:fixed;text-align:left;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:200}@media (max-width:1024px){.ids-dialog{padding:2.5rem .625rem}}@media (max-width:640px){.ids-dialog{max-height:calc(100% - 5rem);width:calc(100% - 3.75rem)}}.ids-dialog:has(.ids-dialog__header){padding-top:1.25rem}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__header{align-items:flex-end;display:flex;justify-content:flex-end;padding-bottom:.25rem;width:100%;word-break:break-all}.ids-dialog .ids-dialog__header .ids-dialog__header__button{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__header .ids-dialog__header__button{align-items:center;cursor:pointer;display:flex;height:1.25rem;justify-content:center;position:relative;width:1.25rem}.ids-dialog .ids-dialog__header .ids-dialog__header__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}.ids-dialog .ids-dialog__header .ids-dialog__header__button:active:before,.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus:before,.ids-dialog .ids-dialog__header .ids-dialog__header__button:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar{width:.625rem}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__body{box-sizing:content-box;height:100%;margin-right:.188rem;overflow-y:auto;padding:0 .375rem 0 .625rem}.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar{padding-right:1.25rem}.ids-dialog .ids-dialog__body .ids-dialog__body__headline{align-self:center;margin:0}@media (max-width:1024px){.ids-dialog .ids-dialog__body .ids-dialog__body__headline{padding-top:0}}.ids-dialog .ids-dialog__body .ids-dialog__body__header{align-items:flex-end;-webkit-align-items:flex-end;box-sizing:content-box;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:1.25rem 0 0;width:100%}.ids-dialog .ids-dialog__body .ids-dialog__body__content{margin-top:1.25rem}.ids-dialog .ids-dialog__footer{margin-top:1.875rem}.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;padding-bottom:.25rem;width:100%}@media (max-width:1024px){.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){flex-direction:column;gap:1.25rem}}.ids-dialog-overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-dialog-overlay.ids-dialog-overlay--hidden{display:none}";
|
|
4
4
|
|
|
5
5
|
var dialogLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|