@inera/ids-design 7.1.2 → 7.1.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.
- package/components/accordion/accordion-lit.js +1 -1
- package/components/accordion/accordion.css +6 -4
- package/components/alert/alert-lit.js +1 -1
- package/components/alert/alert.css +12 -8
- package/components/alert-global/alert-global-lit.js +1 -1
- package/components/alert-global/alert-global.css +6 -4
- package/components/box-link/box-link-lit.js +1 -1
- package/components/box-link/box-link.css +5 -5
- package/components/card/card-lit.js +1 -1
- package/components/card/card.css +32 -0
- package/components/carousel/carousel-lit.js +1 -1
- package/components/carousel/carousel.css +12 -8
- package/components/dialog/dialog-lit.js +1 -1
- package/components/dialog/dialog.css +14 -12
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +15 -13
- package/components/header-1177/composite-header-1177.css +27 -23
- package/components/header-1177/header-1177-lit.js +1 -1
- package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-menu-mobile.css +9 -5
- package/components/header-1177/header-1177.css +18 -18
- package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin.css +12 -12
- package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-avatar.css +12 -12
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +6 -4
- package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
- package/components/header-inera/header-inera-nav-mobile.css +4 -4
- package/components/header-inera-admin/composite-header-inera-admin.css +7 -7
- package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-nav-mobile.css +7 -7
- package/components/mobile-menu/mobile-menu-lit.js +1 -1
- package/components/mobile-menu/mobile-menu.css +39 -25
- package/components/popover/popover-content-lit.js +1 -1
- package/components/popover/popover-content.css +11 -11
- package/components/side-menu/side-menu-lit.js +1 -1
- package/components/side-menu/side-menu.css +28 -18
- package/components/side-panel/side-panel-lit.js +1 -1
- package/components/side-panel/side-panel.css +32 -30
- package/components/tabs/tab-lit.js +1 -1
- package/components/tabs/tab.css +6 -4
- package/components/tabs/tabs-lit.js +1 -1
- package/components/tag/tag-lit.js +1 -1
- package/components/tag/tag.css +6 -4
- package/package.json +1 -1
- package/themes/1177/1177.css +38 -29
- package/themes/1177-pro/1177-pro.css +38 -29
- package/themes/inera/inera.css +38 -29
- package/themes/inera-admin/inera-admin.css +38 -29
|
@@ -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-accordion{border-bottom:var(--IDS-ACCORDION__BORDER-BOTTOM)}.ids-accordion .ids-accordion__headline{position:relative}.ids-accordion .ids-accordion__headline:before{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e906\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--expanded:before{content:\"\\e909\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s:before{content:\"\\e936\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s.ids-accordion__headline--expanded:before{content:\"\\e939\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h4{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT)}@media (min-width:1024px){.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h4{font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs:before{content:\"\\e936\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs.ids-accordion__headline--expanded:before{content:\"\\e939\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h4{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY);font-size:var(--IDS-HEADING-XS__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING);line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e918\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--expanded:before{content:\"\\e917\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s:before{content:\"\\e92c\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s.ids-accordion__headline--expanded:before{content:\"\\e92b\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h4{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT)}@media (min-width:1024px){.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h4{font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs:before{content:\"\\e92c\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs.ids-accordion__headline--expanded:before{content:\"\\e92b\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h4{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY);font-size:var(--IDS-HEADING-XS__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING);line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m{padding-left:2.5rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m:before{font-size:1.25rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h4{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT)}@media (min-width:1024px){.ids-accordion .ids-accordion__headline.ids-accordion__headline--m ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h4{font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-accordion .ids-accordion__button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;gap:1.25rem;margin:1rem 0;outline:inherit;padding:0;text-align:start;width:100%}.ids-accordion .ids-accordion__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-accordion .ids-accordion__button.ids-accordion__button--m{margin:1rem 0}.ids-accordion .ids-accordion__button.ids-accordion__button--s{margin:1rem 0 .75rem}.ids-accordion .ids-accordion__button.ids-accordion__button--xs{margin:1rem 0 .5rem}.ids-accordion .ids-accordion__button:focus ::slotted([slot=headline]),.ids-accordion .ids-accordion__button:focus h1,.ids-accordion .ids-accordion__button:focus h2,.ids-accordion .ids-accordion__button:focus h3,.ids-accordion .ids-accordion__button:focus h4,.ids-accordion .ids-accordion__button:hover ::slotted([slot=headline]),.ids-accordion .ids-accordion__button:hover h1,.ids-accordion .ids-accordion__button:hover h2,.ids-accordion .ids-accordion__button:hover h3,.ids-accordion .ids-accordion__button:hover h4{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important}.ids-accordion .ids-accordion__button:focus .ids-accordion__headline:before,.ids-accordion .ids-accordion__button:hover .ids-accordion__headline:before{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important}.ids-accordion .ids-accordion__content{display:none;margin-bottom:1rem}.ids-accordion.ids-accordion--expanded>.ids-accordion__content{display:block}.ids-accordion.ids-accordion--expanded.ids-accordion--has-children,.ids-accordion.ids-accordion--no-border{border-bottom:none}.ids-accordion.ids-accordion--lean .ids-accordion__button{margin:.5rem 0}";
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-accordion{border-bottom:var(--IDS-ACCORDION__BORDER-BOTTOM)}.ids-accordion .ids-accordion__headline{position:relative}.ids-accordion .ids-accordion__headline:before{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e906\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--expanded:before{content:\"\\e909\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s:before{content:\"\\e936\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s.ids-accordion__headline--expanded:before{content:\"\\e939\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h4{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT)}@media (min-width:1024px){.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--s h4{font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs:before{content:\"\\e936\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs.ids-accordion__headline--expanded:before{content:\"\\e939\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-1.ids-accordion__headline--xs h4{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY);font-size:var(--IDS-HEADING-XS__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING);line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e918\";display:block;font:icon;font-family:Inera-Design-Icons!important;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--expanded:before{content:\"\\e917\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s:before{content:\"\\e92c\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s.ids-accordion__headline--expanded:before{content:\"\\e92b\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h4{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT)}@media (min-width:1024px){.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--s h4{font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs{padding-left:2rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs:before{content:\"\\e92c\";font-size:1rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs.ids-accordion__headline--expanded:before{content:\"\\e92b\"}.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline-2.ids-accordion__headline--xs h4{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY);font-size:var(--IDS-HEADING-XS__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING);line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m{padding-left:2.5rem}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m:before{font-size:1.25rem!important}.ids-accordion .ids-accordion__headline.ids-accordion__headline--m ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h4{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT)}@media (min-width:1024px){.ids-accordion .ids-accordion__headline.ids-accordion__headline--m ::slotted([slot=headline]),.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h1,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h2,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h3,.ids-accordion .ids-accordion__headline.ids-accordion__headline--m h4{font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-accordion .ids-accordion__button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-accordion .ids-accordion__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-accordion .ids-accordion__button{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:1.25rem;margin:1rem 0;text-align:start;width:100%}.ids-accordion .ids-accordion__button.ids-accordion__button--m{margin:1rem 0}.ids-accordion .ids-accordion__button.ids-accordion__button--s{margin:1rem 0 .75rem}.ids-accordion .ids-accordion__button.ids-accordion__button--xs{margin:1rem 0 .5rem}.ids-accordion .ids-accordion__button:focus ::slotted([slot=headline]),.ids-accordion .ids-accordion__button:focus h1,.ids-accordion .ids-accordion__button:focus h2,.ids-accordion .ids-accordion__button:focus h3,.ids-accordion .ids-accordion__button:focus h4,.ids-accordion .ids-accordion__button:hover ::slotted([slot=headline]),.ids-accordion .ids-accordion__button:hover h1,.ids-accordion .ids-accordion__button:hover h2,.ids-accordion .ids-accordion__button:hover h3,.ids-accordion .ids-accordion__button:hover h4{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important}.ids-accordion .ids-accordion__button:focus .ids-accordion__headline:before,.ids-accordion .ids-accordion__button:hover .ids-accordion__headline:before{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)!important}.ids-accordion .ids-accordion__content{display:none;margin-bottom:1rem}.ids-accordion.ids-accordion--expanded>.ids-accordion__content{display:block}.ids-accordion.ids-accordion--expanded.ids-accordion--has-children,.ids-accordion.ids-accordion--no-border{border-bottom:none}.ids-accordion.ids-accordion--lean .ids-accordion__button{margin:.5rem 0}";
|
|
4
4
|
|
|
5
5
|
var accordionLit = css`
|
|
6
6
|
${unsafeCSS(css_248z)}
|
|
@@ -218,6 +218,12 @@
|
|
|
218
218
|
font: inherit;
|
|
219
219
|
cursor: pointer;
|
|
220
220
|
outline: inherit;
|
|
221
|
+
}
|
|
222
|
+
.ids-accordion .ids-accordion__button:focus {
|
|
223
|
+
outline: var(--IDS-FOCUS__OUTLINE);
|
|
224
|
+
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
225
|
+
}
|
|
226
|
+
.ids-accordion .ids-accordion__button {
|
|
221
227
|
display: flex;
|
|
222
228
|
width: 100%;
|
|
223
229
|
flex-wrap: wrap;
|
|
@@ -227,10 +233,6 @@
|
|
|
227
233
|
gap: 1.25rem;
|
|
228
234
|
margin: 1rem 0;
|
|
229
235
|
}
|
|
230
|
-
.ids-accordion .ids-accordion__button:focus {
|
|
231
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
232
|
-
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
233
|
-
}
|
|
234
236
|
.ids-accordion .ids-accordion__button.ids-accordion__button--m {
|
|
235
237
|
margin: 1rem 0;
|
|
236
238
|
}
|
|
@@ -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-alert{border-radius:var(--IDS-BORDER-RADIUS);border-style:solid;border-width:.063rem;color:var(--IDS-ALERT__COLOR);display:flex;flex-direction:column;flex-wrap:wrap;font-size:1rem;line-height:1.5rem;padding:1.25rem 1rem}.ids-alert .ids-alert__header{display:flex;flex-wrap:wrap;gap:1rem}.ids-alert .ids-alert__header .ids-alert__button{align-items:center;display:flex}.ids-alert .ids-alert__icon_and_text{display:flex;flex-grow:1;gap:1rem}.ids-alert .ids-alert__expand{
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-alert{border-radius:var(--IDS-BORDER-RADIUS);border-style:solid;border-width:.063rem;color:var(--IDS-ALERT__COLOR);display:flex;flex-direction:column;flex-wrap:wrap;font-size:1rem;line-height:1.5rem;padding:1.25rem 1rem}.ids-alert .ids-alert__header{display:flex;flex-wrap:wrap;gap:1rem}.ids-alert .ids-alert__header .ids-alert__button{align-items:center;display:flex}.ids-alert .ids-alert__icon_and_text{display:flex;flex-grow:1;gap:1rem}.ids-alert .ids-alert__expand{background:none;border:none;color:inherit;cursor:pointer;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-alert .ids-alert__expand:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-alert .ids-alert__expand{align-items:center;display:flex;height:1.5rem;justify-content:center;position:relative;width:1.5rem}.ids-alert .ids-alert__expand:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-FONT-COLOR);content:\"\\e906\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}.ids-alert .ids-alert__expand.ids-alert__expand--expanded:before{content:\"\\e909\"}.ids-alert .ids-alert__close{background:none;border:none;color:inherit;cursor:pointer;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-alert .ids-alert__close:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-alert .ids-alert__close{align-items:center;display:flex;height:1.25rem;justify-content:center;position:relative;width:1.5rem}.ids-alert .ids-alert__close: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;top:50%;transform:translateY(-50%)}.ids-alert .ids-alert__close:active:before,.ids-alert .ids-alert__close:focus:before,.ids-alert .ids-alert__close:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-alert .ids-alert__content{display:block;margin-top:.5rem}.ids-alert .ids-alert__content-icon,.ids-alert .ids-alert__state-icon{height:1.75rem;min-width:1.75rem;position:relative;width:1.75rem}.ids-alert .ids-alert__headline{margin-top:.125rem}.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT);margin:0!important}@media (min-width:1024px){.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}@media (min-width:640px){.ids-alert{padding:1.5rem 1.25rem}}.ids-alert.ids-alert--info{background-color:var(--IDS-ALERT--INFO__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--INFO__BORDER-COLOR)}.ids-alert.ids-alert--info .ids-alert__content-icon:before,.ids-alert.ids-alert--info .ids-alert__state-icon:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ALERT--INFO__ICON-COLOR);content:\"\\e90c\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.875rem;pointer-events:none;position:absolute}.ids-alert.ids-alert--attention{background-color:var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ATTENTION__BORDER-COLOR)}.ids-alert.ids-alert--attention .ids-alert__content-icon:before,.ids-alert.ids-alert--attention .ids-alert__state-icon:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ALERT--ATTENTION__ICON-COLOR);content:\"\\e905\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.875rem;pointer-events:none;position:absolute}.ids-alert.ids-alert--success{background-color:var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--SUCCESS__BORDER-COLOR)}.ids-alert.ids-alert--success .ids-alert__content-icon:before,.ids-alert.ids-alert--success .ids-alert__state-icon:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ALERT--SUCCESS__ICON-COLOR);content:\"\\e912\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.875rem;pointer-events:none;position:absolute}.ids-alert.ids-alert--error{background-color:var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ERROR__BORDER-COLOR)}.ids-alert.ids-alert--error .ids-alert__content-icon:before,.ids-alert.ids-alert--error .ids-alert__state-icon:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ALERT--ERROR__ICON-COLOR);content:\"\\e913\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.875rem;pointer-events:none;position:absolute}.ids-alert.ids-alert--collapsed .ids-alert__content{display:none}.ids-alert.ids-alert--compact{flex-direction:row;flex-wrap:nowrap}.ids-alert.ids-alert--compact .ids-alert__content{display:inline;flex-grow:1;margin-bottom:0;margin-right:1rem;margin-top:0}@media (min-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content{align-items:flex-start;display:flex}}.ids-alert.ids-alert--compact .ids-alert__content-icon{bottom:-.125rem;display:inline-block;flex-shrink:0;height:1.25rem;margin-right:.3125rem;position:relative;width:1.75rem}.ids-alert.ids-alert--compact .ids-alert__content-icon:before{font-size:1.75rem;top:50%;transform:translateY(-50%)}.ids-alert.ids-alert--compact .ids-alert__content-text{display:inline;line-height:1.5rem;position:relative;top:-.125rem}@media (min-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content-icon{margin-right:.5rem}.ids-alert.ids-alert--compact .ids-alert__content-text{display:block;top:-.0625rem}}.ids-alert.ids-alert--ribbon{flex-direction:row;flex-wrap:nowrap;padding:.5rem .75rem!important}.ids-alert.ids-alert--ribbon .ids-alert__content{display:inline;flex-grow:1;margin-bottom:0;margin-right:1rem;margin-top:0}@media (min-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content{align-items:flex-start;display:flex}}.ids-alert.ids-alert--ribbon .ids-alert__content-icon{bottom:-.125rem;display:inline-block;flex-shrink:0;height:1.25rem;margin-right:.3125rem;position:relative;width:1.75rem}.ids-alert.ids-alert--ribbon .ids-alert__content-icon:before{font-size:1.75rem;top:50%;transform:translateY(-50%)}.ids-alert.ids-alert--ribbon .ids-alert__content-text{display:inline;line-height:1.5rem;position:relative;top:-.125rem}@media (min-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content-icon{margin-right:.5rem}.ids-alert.ids-alert--ribbon .ids-alert__content-text{display:block;top:-.0625rem}}.ids-alert.ids-alert--ribbon .ids-alert__close{height:1rem;width:1rem}.ids-alert.ids-alert--ribbon .ids-alert__close:before{content:\"\\e934\";font-size:1rem}";
|
|
4
4
|
|
|
5
5
|
var alertLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -66,6 +66,12 @@
|
|
|
66
66
|
-webkit-user-select: none;
|
|
67
67
|
-ms-user-select: none;
|
|
68
68
|
user-select: none;
|
|
69
|
+
}
|
|
70
|
+
.ids-alert .ids-alert__expand:focus {
|
|
71
|
+
outline: var(--IDS-FOCUS__OUTLINE);
|
|
72
|
+
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
73
|
+
}
|
|
74
|
+
.ids-alert .ids-alert__expand {
|
|
69
75
|
height: 1.5rem;
|
|
70
76
|
width: 1.5rem;
|
|
71
77
|
display: flex;
|
|
@@ -73,10 +79,6 @@
|
|
|
73
79
|
justify-content: center;
|
|
74
80
|
position: relative;
|
|
75
81
|
}
|
|
76
|
-
.ids-alert .ids-alert__expand:focus {
|
|
77
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
78
|
-
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
79
|
-
}
|
|
80
82
|
.ids-alert .ids-alert__expand:before {
|
|
81
83
|
font: icon;
|
|
82
84
|
font-family: "Inera-Design-Icons" !important;
|
|
@@ -107,6 +109,12 @@
|
|
|
107
109
|
-webkit-user-select: none;
|
|
108
110
|
-ms-user-select: none;
|
|
109
111
|
user-select: none;
|
|
112
|
+
}
|
|
113
|
+
.ids-alert .ids-alert__close:focus {
|
|
114
|
+
outline: var(--IDS-FOCUS__OUTLINE);
|
|
115
|
+
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
116
|
+
}
|
|
117
|
+
.ids-alert .ids-alert__close {
|
|
110
118
|
width: 1.5rem;
|
|
111
119
|
height: 1.25rem;
|
|
112
120
|
display: flex;
|
|
@@ -114,10 +122,6 @@
|
|
|
114
122
|
justify-content: center;
|
|
115
123
|
position: relative;
|
|
116
124
|
}
|
|
117
|
-
.ids-alert .ids-alert__close:focus {
|
|
118
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
119
|
-
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
120
|
-
}
|
|
121
125
|
.ids-alert .ids-alert__close:before {
|
|
122
126
|
font: icon;
|
|
123
127
|
font-family: "Inera-Design-Icons" !important;
|
|
@@ -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-alert-global{align-items:center;background-color:var(--IDS-ALERT-GLOBAL__BACKGROUND-COLOR);border:none;box-shadow:0 0 .625rem rgba(0,0,0,.3);color:var(--IDS-ALERT-GLOBAL__COLOR);display:block;font-size:1rem;line-height:1.625rem;padding:1.875rem;position:relative;z-index:1}.ids-alert-global .ids-alert-global__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH)}.ids-alert-global .ids-alert-global__inner .ids-alert-global__icon-headline{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.ids-alert-global .ids-alert-global__inner .ids-alert-global__icon-headline.ids-alert-global__icon-headline--agent{padding-left:2.75rem;position:relative}.ids-alert-global .ids-alert-global__inner .ids-alert-global__icon-headline.ids-alert-global__icon-headline--agent:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e91f\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:0;pointer-events:none;position:absolute;top:0}.ids-alert-global .ids-alert-global__inner .ids-alert-global__icon{font-size:1.75rem;height:1.75rem;width:1.75rem}.ids-alert-global .ids-alert-global__inner .ids-alert-global__header{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between}.ids-alert-global .ids-alert-global__inner .ids-alert-global__headline{display:flex;text-align:left}.ids-alert-global .ids-alert-global__inner .ids-alert-global__headline *,.ids-alert-global .ids-alert-global__inner .ids-alert-global__headline ::slotted(*){align-items:center!important;color:var(--IDS-ALERT-GLOBAL-HEADLINE-COLOR);display:flex!important;font-family:var(--IDS-ALERT-GLOBAL__HEADLINE-FONT-FAMILY)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE-FONT-WEIGHT)!important;line-height:1.75rem!important;margin:0!important}.ids-alert-global .ids-alert-global__inner .ids-alert-global__button{
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-alert-global{align-items:center;background-color:var(--IDS-ALERT-GLOBAL__BACKGROUND-COLOR);border:none;box-shadow:0 0 .625rem rgba(0,0,0,.3);color:var(--IDS-ALERT-GLOBAL__COLOR);display:block;font-size:1rem;line-height:1.625rem;padding:1.875rem;position:relative;z-index:1}.ids-alert-global .ids-alert-global__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH)}.ids-alert-global .ids-alert-global__inner .ids-alert-global__icon-headline{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.ids-alert-global .ids-alert-global__inner .ids-alert-global__icon-headline.ids-alert-global__icon-headline--agent{padding-left:2.75rem;position:relative}.ids-alert-global .ids-alert-global__inner .ids-alert-global__icon-headline.ids-alert-global__icon-headline--agent:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e91f\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:0;pointer-events:none;position:absolute;top:0}.ids-alert-global .ids-alert-global__inner .ids-alert-global__icon{font-size:1.75rem;height:1.75rem;width:1.75rem}.ids-alert-global .ids-alert-global__inner .ids-alert-global__header{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between}.ids-alert-global .ids-alert-global__inner .ids-alert-global__headline{display:flex;text-align:left}.ids-alert-global .ids-alert-global__inner .ids-alert-global__headline *,.ids-alert-global .ids-alert-global__inner .ids-alert-global__headline ::slotted(*){align-items:center!important;color:var(--IDS-ALERT-GLOBAL-HEADLINE-COLOR);display:flex!important;font-family:var(--IDS-ALERT-GLOBAL__HEADLINE-FONT-FAMILY)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE-FONT-WEIGHT)!important;line-height:1.75rem!important;margin:0!important}.ids-alert-global .ids-alert-global__inner .ids-alert-global__button{background:none;border:none;color:inherit;font:inherit;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-alert-global .ids-alert-global__inner .ids-alert-global__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-alert-global .ids-alert-global__inner .ids-alert-global__button{align-items:center;cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;justify-content:center;justify-self:end;min-height:1.5rem;min-width:1.5rem;padding-right:1.625rem;position:relative}.ids-alert-global .ids-alert-global__inner .ids-alert-global__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e906\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-alert-global .ids-alert-global__inner .ids-alert-global__button.ids-alert-global__button--expanded:before{content:\"\\e909\"}.ids-alert-global .ids-alert-global__inner .ids-alert-global__button-text{display:none;margin-right:1rem}.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-top:.75rem}@media (min-width:1024px){.ids-alert-global .ids-alert-global__inner .ids-alert-global__icon{font-size:1.875rem;height:1.875rem;width:1.875rem}.ids-alert-global .ids-alert-global__inner .ids-alert-global__button-text{display:block}}.ids-alert-global .ids-alert-global__sub-content{margin-top:.75rem}.ids-alert-global.ids-alert-global--collapsed .ids-alert-global__content,.ids-alert-global.ids-alert-global--collapsed .ids-alert-global__sub-content{display:none}@media (max-width:1024px){.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon-headline--agent{padding-left:0!important}.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon-headline--agent:before{display:none!important}.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon{display:none}}.ids-alert-global.ids-alert-global--agent{background-color:var(--IDS-ALERT-GLOBAL--AGENT__BACKGROUND-COLOR)!important;color:var(--IDS-ALERT-GLOBAL--AGENT__COLOR)!important}";
|
|
4
4
|
|
|
5
5
|
var alertGlobalLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -110,6 +110,12 @@
|
|
|
110
110
|
-webkit-user-select: none;
|
|
111
111
|
-ms-user-select: none;
|
|
112
112
|
user-select: none;
|
|
113
|
+
}
|
|
114
|
+
.ids-alert-global .ids-alert-global__inner .ids-alert-global__button:focus {
|
|
115
|
+
outline: var(--IDS-FOCUS__OUTLINE);
|
|
116
|
+
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
117
|
+
}
|
|
118
|
+
.ids-alert-global .ids-alert-global__inner .ids-alert-global__button {
|
|
113
119
|
justify-self: end;
|
|
114
120
|
display: flex;
|
|
115
121
|
justify-content: center;
|
|
@@ -122,10 +128,6 @@
|
|
|
122
128
|
min-width: 1.5rem;
|
|
123
129
|
padding-right: 1.625rem;
|
|
124
130
|
}
|
|
125
|
-
.ids-alert-global .ids-alert-global__inner .ids-alert-global__button:focus {
|
|
126
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
127
|
-
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
128
|
-
}
|
|
129
131
|
.ids-alert-global .ids-alert-global__inner .ids-alert-global__button:before {
|
|
130
132
|
font: icon;
|
|
131
133
|
font-family: "Inera-Design-Icons" !important;
|
|
@@ -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-box-link .ids-box-link__inner{align-items:flex-start;background-color:var(--IDS-LINK--BOX__BACKGROUND-COLOR);border-radius:.3125rem;box-sizing:border-box;display:flex;font-size:1rem;line-height:1.5rem;position:relative}.ids-box-link .ids-box-link__inner .ids-box-link__link{cursor:pointer;display:block;flex-grow:1}.ids-box-link .ids-box-link__inner .ids-box-link__link:hover ::slotted(a),.ids-box-link .ids-box-link__inner .ids-box-link__link:hover a{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);text-decoration:underline!important}.ids-box-link .ids-box-link__inner ::slotted(a),.ids-box-link .ids-box-link__inner a{
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-box-link .ids-box-link__inner{align-items:flex-start;background-color:var(--IDS-LINK--BOX__BACKGROUND-COLOR);border-radius:.3125rem;box-sizing:border-box;display:flex;font-size:1rem;line-height:1.5rem;position:relative}.ids-box-link .ids-box-link__inner .ids-box-link__link{cursor:pointer;display:block;flex-grow:1}.ids-box-link .ids-box-link__inner .ids-box-link__link:hover ::slotted(a),.ids-box-link .ids-box-link__inner .ids-box-link__link:hover a{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);text-decoration:underline!important}.ids-box-link .ids-box-link__inner ::slotted(a):focus,.ids-box-link .ids-box-link__inner a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-box-link .ids-box-link__inner ::slotted(a),.ids-box-link .ids-box-link__inner a{border-radius:.3125rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;outline-offset:-.125rem!important;padding:.75rem;text-decoration:none}.ids-box-link .ids-box-link__inner ::slotted(a.ids-box-link--old-icon),.ids-box-link .ids-box-link__inner a.ids-box-link--old-icon{display:flex;gap:.5rem}.ids-box-link .ids-box-link__inner .ids-icon{align-items:center;display:inline-flex;height:1.5rem;justify-content:center}.ids-box-link .ids-box-link__inner .ids-box-link__button{color:var(--IDS-ICON__COLOR);display:flex;flex-shrink:0;height:3rem;position:relative;width:3rem}.ids-box-link .ids-box-link__inner .ids-box-link__button .ids-contains-icon,.ids-box-link .ids-box-link__inner .ids-box-link__button .ids-icon,.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted([slot=old-icon]){display:block!important;position:absolute!important;right:1rem;top:.75rem}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button),.ids-box-link .ids-box-link__inner .ids-box-link__button button{background:none;border:0;border-radius:.3125rem;color:var(--IDS-ICON__COLOR);cursor:pointer;font-size:1.5rem!important;height:100%!important;outline-offset:-.125rem!important;padding:0;position:absolute!important;right:0;top:0;width:100%!important}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button):before,.ids-box-link .ids-box-link__inner .ids-box-link__button button:before{right:1rem!important;top:.75rem!important}.ids-box-link .ids-box-link__inner .ids-box-link__button:hover{color:var(--IDS-ICON--ACTIVE-COLOR)}";
|
|
4
4
|
|
|
5
5
|
var boxLinkLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -45,6 +45,11 @@
|
|
|
45
45
|
text-decoration: underline !important;
|
|
46
46
|
color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
|
|
47
47
|
}
|
|
48
|
+
.ids-box-link .ids-box-link__inner a:focus,
|
|
49
|
+
.ids-box-link .ids-box-link__inner ::slotted(a):focus {
|
|
50
|
+
outline: var(--IDS-FOCUS__OUTLINE);
|
|
51
|
+
outline-offset: -0.125rem !important;
|
|
52
|
+
}
|
|
48
53
|
.ids-box-link .ids-box-link__inner a,
|
|
49
54
|
.ids-box-link .ids-box-link__inner ::slotted(a) {
|
|
50
55
|
color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
|
|
@@ -54,11 +59,6 @@
|
|
|
54
59
|
text-decoration: none;
|
|
55
60
|
outline-offset: -0.125rem !important;
|
|
56
61
|
}
|
|
57
|
-
.ids-box-link .ids-box-link__inner a:focus,
|
|
58
|
-
.ids-box-link .ids-box-link__inner ::slotted(a):focus {
|
|
59
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
60
|
-
outline-offset: -0.125rem !important;
|
|
61
|
-
}
|
|
62
62
|
.ids-box-link .ids-box-link__inner a.ids-box-link--old-icon,
|
|
63
63
|
.ids-box-link .ids-box-link__inner ::slotted(a.ids-box-link--old-icon) {
|
|
64
64
|
display: flex;
|
|
@@ -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-card{background-color:var(--IDS-CARD__BACKGROUND-COLOR);border:var(--IDS-CARD__BORDER);border-radius:var(--IDS-CARD__BORDER-RADIUS);box-shadow:var(--IDS-CARD__BOX-SHADOW);color:var(--IDS-CARD__COLOR);font-size:1rem;position:relative}.ids-card .ids-card__border-top{display:none}.ids-card .ids-card__content{border-radius:var(--IDS-CARD__BORDER-RADIUS);color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);padding:1.25rem 1rem}.ids-card.ids-card--border-top-1{overflow:hidden;position:relative}.ids-card.ids-card--border-top-1 .ids-card__border-top{border-top:var(--IDS-CARD--BORDER__BORDER-TOP);display:block;height:1.25rem;left:0;position:absolute;right:0;top:0}.ids-card.ids-card--border-top-1 .ids-card__content{padding-top:1rem}.ids-card.ids-card--border-top-2{overflow:hidden;position:relative}.ids-card.ids-card--border-top-2 .ids-card__border-top{border-top:var(--IDS-CARD--BORDER-2__BORDER-TOP);display:block;height:1.25rem;left:0;position:absolute;right:0;top:0}.ids-card.ids-card--border-top-2 .ids-card__content{padding-top:1rem}@media (min-width:1024px){.ids-card .ids-card__content{padding:1.5rem 1.25rem}.ids-card.ids-card--border-top-1 .ids-card__content,.ids-card.ids-card--border-top-2 .ids-card__content{padding-top:1.25rem}}@media (max-width:1024px){.ids-card.ids-card--hide-on-m{background-color:none!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-m .ids-card__content{padding:0!important}}@media (max-width:1024px) and (max-width:1024px){.ids-card.ids-card--hide-on-m .ids-card__border-top{display:none!important}}@media (max-width:640px){.ids-card.ids-card--hide-on-s{background-color:none!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-s .ids-card__content{padding:0!important}}@media (max-width:640px) and (max-width:1024px){.ids-card.ids-card--hide-on-s .ids-card__border-top{display:none!important}}.ids-card.ids-card--fill{background-color:var(--IDS-CARD--FILL__BACKGROUND-COLOR);border:var(--IDS-CARD--FILL__BORDER)}.ids-card.ids-card--focus-card{background-color:var(--IDS-CARD--FOCUS__BACKGROUND-COLOR);border:var(--IDS-CARD--FOCUS__BORDER)}.ids-card.ids-card--lean .ids-card__content{padding:.313rem 1.25rem!important}.ids-card.ids-card--interactive :focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.1875rem!important}.ids-card.ids-card--interactive .ids-card--interactive-link{border-radius:var(--IDS-CARD__BORDER-RADIUS);bottom:0;left:0;position:absolute;right:0;top:0}.ids-card.ids-card--interactive:focus,.ids-card.ids-card--interactive:focus-within,.ids-card.ids-card--interactive:hover{box-shadow:var(--IDS-CARD--HOVER__BOX-SHADOW);cursor:pointer;position:relative}";
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-card{background-color:var(--IDS-CARD__BACKGROUND-COLOR);border:var(--IDS-CARD__BORDER);border-radius:var(--IDS-CARD__BORDER-RADIUS);box-shadow:var(--IDS-CARD__BOX-SHADOW);color:var(--IDS-CARD__COLOR);font-size:1rem;position:relative}.ids-card .ids-card__border-top{display:none}.ids-card .ids-card__content{border-radius:var(--IDS-CARD__BORDER-RADIUS);color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);padding:1.25rem 1rem}.ids-card.ids-card--border-top-1{overflow:hidden;position:relative}.ids-card.ids-card--border-top-1 .ids-card__border-top{border-top:var(--IDS-CARD--BORDER__BORDER-TOP);display:block;height:1.25rem;left:0;position:absolute;right:0;top:0}.ids-card.ids-card--border-top-1 .ids-card__content{padding-top:1rem}.ids-card.ids-card--border-top-2{overflow:hidden;position:relative}.ids-card.ids-card--border-top-2 .ids-card__border-top{border-top:var(--IDS-CARD--BORDER-2__BORDER-TOP);display:block;height:1.25rem;left:0;position:absolute;right:0;top:0}.ids-card.ids-card--border-top-2 .ids-card__content{padding-top:1rem}@media (min-width:1024px){.ids-card .ids-card__content{padding:1.5rem 1.25rem}.ids-card.ids-card--border-top-1 .ids-card__content,.ids-card.ids-card--border-top-2 .ids-card__content{padding-top:1.25rem}}@media (max-width:1024px){.ids-card.ids-card--hide-on-m{background-color:none!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-m .ids-card__content{padding:0!important}}@media (max-width:1024px) and (max-width:1024px){.ids-card.ids-card--hide-on-m .ids-card__border-top{display:none!important}}@media (max-width:640px){.ids-card.ids-card--hide-on-s{background-color:none!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-s .ids-card__content{padding:0!important}}@media (max-width:640px) and (max-width:1024px){.ids-card.ids-card--hide-on-s .ids-card__border-top{display:none!important}}.ids-card.ids-card--fill{background-color:var(--IDS-CARD--FILL__BACKGROUND-COLOR);border:var(--IDS-CARD--FILL__BORDER)}.ids-card.ids-card--focus-card{background-color:var(--IDS-CARD--FOCUS__BACKGROUND-COLOR);border:var(--IDS-CARD--FOCUS__BORDER)}.ids-card.ids-card--lean .ids-card__content{padding:.313rem 1.25rem!important}@media (max-width:1024px){.ids-card.ids-card--lean.ids-card--hide-on-m{background-color:none!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--lean.ids-card--hide-on-m .ids-card__content{padding:0!important}}@media (max-width:1024px) and (max-width:1024px){.ids-card.ids-card--lean.ids-card--hide-on-m .ids-card__border-top{display:none!important}}@media (max-width:640px){.ids-card.ids-card--lean.ids-card--hide-on-s{background-color:none!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--lean.ids-card--hide-on-s .ids-card__content{padding:0!important}}@media (max-width:640px) and (max-width:1024px){.ids-card.ids-card--lean.ids-card--hide-on-s .ids-card__border-top{display:none!important}}.ids-card.ids-card--interactive :focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.1875rem!important}.ids-card.ids-card--interactive .ids-card--interactive-link{border-radius:var(--IDS-CARD__BORDER-RADIUS);bottom:0;left:0;position:absolute;right:0;top:0}.ids-card.ids-card--interactive:focus,.ids-card.ids-card--interactive:focus-within,.ids-card.ids-card--interactive:hover{box-shadow:var(--IDS-CARD--HOVER__BOX-SHADOW);cursor:pointer;position:relative}";
|
|
4
4
|
|
|
5
5
|
var cardLit = css`
|
|
6
6
|
${unsafeCSS(css_248z)}
|
package/components/card/card.css
CHANGED
|
@@ -131,6 +131,38 @@
|
|
|
131
131
|
.ids-card.ids-card--lean .ids-card__content {
|
|
132
132
|
padding: 0.313rem 1.25rem !important;
|
|
133
133
|
}
|
|
134
|
+
@media (max-width: 1024px) {
|
|
135
|
+
.ids-card.ids-card--lean.ids-card--hide-on-m {
|
|
136
|
+
box-shadow: none !important;
|
|
137
|
+
border: none !important;
|
|
138
|
+
overflow: visible !important;
|
|
139
|
+
background-color: none !important;
|
|
140
|
+
}
|
|
141
|
+
.ids-card.ids-card--lean.ids-card--hide-on-m .ids-card__content {
|
|
142
|
+
padding: 0 !important;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
@media (max-width: 1024px) and (max-width: 1024px) {
|
|
146
|
+
.ids-card.ids-card--lean.ids-card--hide-on-m .ids-card__border-top {
|
|
147
|
+
display: none !important;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
@media (max-width: 640px) {
|
|
151
|
+
.ids-card.ids-card--lean.ids-card--hide-on-s {
|
|
152
|
+
box-shadow: none !important;
|
|
153
|
+
border: none !important;
|
|
154
|
+
overflow: visible !important;
|
|
155
|
+
background-color: none !important;
|
|
156
|
+
}
|
|
157
|
+
.ids-card.ids-card--lean.ids-card--hide-on-s .ids-card__content {
|
|
158
|
+
padding: 0 !important;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
@media (max-width: 640px) and (max-width: 1024px) {
|
|
162
|
+
.ids-card.ids-card--lean.ids-card--hide-on-s .ids-card__border-top {
|
|
163
|
+
display: none !important;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
134
166
|
.ids-card.ids-card--interactive :focus-within {
|
|
135
167
|
outline: var(--IDS-FOCUS__OUTLINE);
|
|
136
168
|
outline-offset: 0.1875rem !important;
|
|
@@ -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-carousel{position:relative}.ids-carousel .ids-carousel-slide{border:var(--IDS-CAROUSEL__BORDER);border-radius:.188rem;box-sizing:border-box;margin-left:0;margin-right:0;overflow:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.ids-carousel .ids-carousel__button-next,.ids-carousel .ids-carousel__button-prev{align-items:center;background:none;border:none;cursor:pointer;display:none;height:50%;justify-content:center;opacity:1;padding:0;position:absolute;top:calc(40% - 3rem);transform:translateY(-50%);transition:opacity .3s ease-in;z-index:3}.ids-carousel .ids-carousel__button-next:
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-carousel{position:relative}.ids-carousel .ids-carousel-slide{border:var(--IDS-CAROUSEL__BORDER);border-radius:.188rem;box-sizing:border-box;margin-left:0;margin-right:0;overflow:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.ids-carousel .ids-carousel__button-next:focus,.ids-carousel .ids-carousel__button-prev:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}.ids-carousel .ids-carousel__button-next,.ids-carousel .ids-carousel__button-prev{align-items:center;background:none;border:none;cursor:pointer;display:none;height:50%;justify-content:center;opacity:1;padding:0;position:absolute;top:calc(40% - 3rem);transform:translateY(-50%);transition:opacity .3s ease-in;z-index:3}.ids-carousel .ids-carousel__button-next:before,.ids-carousel .ids-carousel__button-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:2.5rem;pointer-events:none;position:absolute;text-align:center}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile{display:flex}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:before,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:before,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:before,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:before{color:var(--IDS-COLOR-NEUTRAL-100);font-size:2rem}.ids-carousel .ids-carousel__button-prev:before{content:\"\\e907\";right:0}.ids-carousel .ids-carousel__button-next:before{content:\"\\e908\";left:.0625rem}.ids-carousel .ids-carousel-btn__inner{align-items:center;background-color:var(--IDS-CAROUSEL-ICON__BACKGROUND-COLOR);box-shadow:0 0 .375rem rgba(0,0,0,.3);box-shadow:0 0 rgba(0,0,0,.3);display:flex;height:3rem;justify-content:center;width:1.6875rem}.ids-carousel .ids-carousel-btn__inner .ids-icon{width:1rem}.ids-carousel .ids-carousel__button-prev{left:0}.ids-carousel .ids-carousel__button-prev .ids-carousel-btn__inner{border-radius:0 1.5rem 1.5rem 0}.ids-carousel .ids-carousel__button-prev .ids-icon{padding-right:.313rem}.ids-carousel .ids-carousel__button-next{right:0}.ids-carousel .ids-carousel__button-next .ids-carousel-btn__inner{border-radius:1.5rem 0 0 1.5rem}.ids-carousel .ids-carousel__button-next .ids-icon{padding-left:.313rem}@media only screen and (min-width:1024px){.ids-carousel .ids-carousel-slide{margin-left:3.125rem;margin-right:3.125rem;width:calc(100% - 6.25rem)}.ids-carousel .ids-carousel__button-next,.ids-carousel .ids-carousel__button-prev{display:flex;width:3rem}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile{display:none}}.ids-carousel .ids-carousel-item-wrapper,.ids-carousel ::slotted(.ids-carousel-item-wrapper){display:inline-block;position:absolute;top:0;transition:left .5s ease-in-out;width:100%;z-index:1}.ids-carousel .ids-carousel-item-wrapper.active,.ids-carousel .ids-carousel-item-wrapper.initial,.ids-carousel ::slotted(.ids-carousel-item-wrapper.active),.ids-carousel ::slotted(.ids-carousel-item-wrapper.initial){left:0;opacity:1;position:relative;z-index:2}.ids-carousel .ids-carousel-item-wrapper.next,.ids-carousel .ids-carousel-item-wrapper.prev,.ids-carousel ::slotted(.ids-carousel-item-wrapper.next),.ids-carousel ::slotted(.ids-carousel-item-wrapper.prev){z-index:2}.ids-carousel .animating-right .ids-carousel-item-wrapper.prev,.ids-carousel .animating-right ::slotted(.ids-carousel-item-wrapper.prev){z-index:2}.ids-carousel .animating-right .ids-carousel-item-wrapper.next,.ids-carousel .animating-right ::slotted(.ids-carousel-item-wrapper.next){z-index:2}.ids-carousel .animating-left .ids-carousel-item-wrapper.prev,.ids-carousel .animating-left ::slotted(.ids-carousel-item-wrapper.prev){z-index:2}.ids-carousel .animating-left .ids-carousel-item-wrapper.next,.ids-carousel .animating-left ::slotted(.ids-carousel-item-wrapper.next){z-index:2}.ids-carousel .ids-carousel-item-wrapper.prev,.ids-carousel ::slotted(.ids-carousel-item-wrapper.prev){left:-100%}.ids-carousel .ids-carousel-item-wrapper.next,.ids-carousel ::slotted(.ids-carousel-item-wrapper.next){left:100%}";
|
|
4
4
|
|
|
5
5
|
var carouselLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -27,9 +27,6 @@
|
|
|
27
27
|
********/
|
|
28
28
|
.ids-carousel {
|
|
29
29
|
position: relative;
|
|
30
|
-
/* By default we're hiding items (except the initial one) until the JS initiates.
|
|
31
|
-
Elements are absolutely positioned with a width of 100% (as we're styling for mobile first), letting the content's height dictate the height of the carousel. */
|
|
32
|
-
/* Display the initial item and bring it to the front using 'z-index'. These styles also apply to the 'active' item. */
|
|
33
30
|
}
|
|
34
31
|
.ids-carousel .ids-carousel-slide {
|
|
35
32
|
-webkit-transform-style: preserve-3d;
|
|
@@ -43,6 +40,11 @@
|
|
|
43
40
|
border-radius: 0.188rem;
|
|
44
41
|
border: var(--IDS-CAROUSEL__BORDER);
|
|
45
42
|
}
|
|
43
|
+
.ids-carousel .ids-carousel__button-prev:focus,
|
|
44
|
+
.ids-carousel .ids-carousel__button-next:focus {
|
|
45
|
+
outline: var(--IDS-FOCUS__OUTLINE);
|
|
46
|
+
outline-offset: 0 !important;
|
|
47
|
+
}
|
|
46
48
|
.ids-carousel .ids-carousel__button-prev,
|
|
47
49
|
.ids-carousel .ids-carousel__button-next {
|
|
48
50
|
display: none;
|
|
@@ -60,11 +62,6 @@
|
|
|
60
62
|
align-items: center;
|
|
61
63
|
justify-content: center;
|
|
62
64
|
}
|
|
63
|
-
.ids-carousel .ids-carousel__button-prev:focus,
|
|
64
|
-
.ids-carousel .ids-carousel__button-next:focus {
|
|
65
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
66
|
-
outline-offset: 0 !important;
|
|
67
|
-
}
|
|
68
65
|
.ids-carousel .ids-carousel__button-prev::before,
|
|
69
66
|
.ids-carousel .ids-carousel__button-next::before {
|
|
70
67
|
font: icon;
|
|
@@ -145,6 +142,10 @@
|
|
|
145
142
|
display: none;
|
|
146
143
|
}
|
|
147
144
|
}
|
|
145
|
+
.ids-carousel {
|
|
146
|
+
/* By default we're hiding items (except the initial one) until the JS initiates.
|
|
147
|
+
Elements are absolutely positioned with a width of 100% (as we're styling for mobile first), letting the content's height dictate the height of the carousel. */
|
|
148
|
+
}
|
|
148
149
|
.ids-carousel .ids-carousel-item-wrapper,
|
|
149
150
|
.ids-carousel ::slotted(.ids-carousel-item-wrapper) {
|
|
150
151
|
position: absolute;
|
|
@@ -154,6 +155,9 @@
|
|
|
154
155
|
z-index: 1;
|
|
155
156
|
transition: left 0.5s ease-in-out;
|
|
156
157
|
}
|
|
158
|
+
.ids-carousel {
|
|
159
|
+
/* Display the initial item and bring it to the front using 'z-index'. These styles also apply to the 'active' item. */
|
|
160
|
+
}
|
|
157
161
|
.ids-carousel .ids-carousel-item-wrapper.initial,
|
|
158
162
|
.ids-carousel .ids-carousel-item-wrapper.active,
|
|
159
163
|
.ids-carousel ::slotted(.ids-carousel-item-wrapper.initial),
|
|
@@ -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{
|
|
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;word-break:break-word}.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
|
|
|
@@ -87,6 +87,12 @@
|
|
|
87
87
|
-webkit-user-select: none;
|
|
88
88
|
-ms-user-select: none;
|
|
89
89
|
user-select: none;
|
|
90
|
+
}
|
|
91
|
+
.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus {
|
|
92
|
+
outline: var(--IDS-FOCUS__OUTLINE);
|
|
93
|
+
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
94
|
+
}
|
|
95
|
+
.ids-dialog .ids-dialog__header .ids-dialog__header__button {
|
|
90
96
|
cursor: pointer;
|
|
91
97
|
display: flex;
|
|
92
98
|
align-items: center;
|
|
@@ -95,10 +101,6 @@
|
|
|
95
101
|
width: 1.25rem;
|
|
96
102
|
height: 1.25rem;
|
|
97
103
|
}
|
|
98
|
-
.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus {
|
|
99
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
100
|
-
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
101
|
-
}
|
|
102
104
|
.ids-dialog .ids-dialog__header .ids-dialog__header__button:before {
|
|
103
105
|
font: icon;
|
|
104
106
|
font-family: "Inera-Design-Icons" !important;
|
|
@@ -114,14 +116,6 @@
|
|
|
114
116
|
.ids-dialog .ids-dialog__header .ids-dialog__header__button:hover:before, .ids-dialog .ids-dialog__header .ids-dialog__header__button:focus:before, .ids-dialog .ids-dialog__header .ids-dialog__header__button:active:before {
|
|
115
117
|
color: var(--IDS-ICON--ACTIVE-COLOR);
|
|
116
118
|
}
|
|
117
|
-
.ids-dialog .ids-dialog__body {
|
|
118
|
-
padding: 0 0.375rem 0 0.625rem;
|
|
119
|
-
margin-right: 0.188rem;
|
|
120
|
-
height: 100%;
|
|
121
|
-
box-sizing: content-box;
|
|
122
|
-
overflow-y: auto;
|
|
123
|
-
word-break: break-word;
|
|
124
|
-
}
|
|
125
119
|
.ids-dialog .ids-dialog__body::-webkit-scrollbar {
|
|
126
120
|
width: 0.625rem;
|
|
127
121
|
}
|
|
@@ -142,6 +136,14 @@
|
|
|
142
136
|
.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner {
|
|
143
137
|
background-color: transparent;
|
|
144
138
|
}
|
|
139
|
+
.ids-dialog .ids-dialog__body {
|
|
140
|
+
padding: 0 0.375rem 0 0.625rem;
|
|
141
|
+
margin-right: 0.188rem;
|
|
142
|
+
height: 100%;
|
|
143
|
+
box-sizing: content-box;
|
|
144
|
+
overflow-y: auto;
|
|
145
|
+
word-break: break-word;
|
|
146
|
+
}
|
|
145
147
|
.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus {
|
|
146
148
|
outline: var(--IDS-FOCUS__OUTLINE);
|
|
147
149
|
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border
|
|
3
|
+
var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select[aria-disabled=true]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple-wrapper{display:flex;position:relative}.ids-select-multiple-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;height:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);width:1rem}.ids-select-multiple-wrapper:has(.ids-input--invalid):after,.ids-select-multiple-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-multiple-wrapper:has(input:disabled):after,.ids-select-multiple-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-select-multiple__dropdown__wrapper{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS);box-shadow:0 0 .375rem rgba(0,0,0,.3);display:none;left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--show{display:block}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:.625rem}:host([disabled]) input{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper{align-items:flex-start;display:inline-flex;gap:.5rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline{display:inline}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline label{display:inline;margin-right:.5rem;position:relative;top:-.1875rem}.ids-select-multiple-label-wrapper .ids-label{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:.25rem;min-height:1.25rem;min-width:1.5rem}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED__COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper .ids-label.ids-label--no-label{display:none}";
|
|
4
4
|
|
|
5
5
|
var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -22,15 +22,6 @@
|
|
|
22
22
|
font-size: 1rem;
|
|
23
23
|
color: var(--IDS-INPUT__COLOR);
|
|
24
24
|
display: block;
|
|
25
|
-
height: var(--IDS-INPUT__HEIGHT);
|
|
26
|
-
cursor: pointer;
|
|
27
|
-
display: inline-block !important;
|
|
28
|
-
padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT) !important;
|
|
29
|
-
text-align: left;
|
|
30
|
-
overflow: hidden;
|
|
31
|
-
text-overflow: ellipsis;
|
|
32
|
-
border: var(--IDS-INPUT__BORDER);
|
|
33
|
-
width: 100% !important;
|
|
34
25
|
}
|
|
35
26
|
.ids-select-multiple__select:disabled, .ids-select-multiple__select[readonly] {
|
|
36
27
|
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
@@ -57,6 +48,17 @@
|
|
|
57
48
|
.ids-select-multiple__select.ids-input--light.ids-input--invalid {
|
|
58
49
|
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
59
50
|
}
|
|
51
|
+
.ids-select-multiple__select {
|
|
52
|
+
height: var(--IDS-INPUT__HEIGHT);
|
|
53
|
+
cursor: pointer;
|
|
54
|
+
display: inline-block !important;
|
|
55
|
+
padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT) !important;
|
|
56
|
+
text-align: left;
|
|
57
|
+
overflow: hidden;
|
|
58
|
+
text-overflow: ellipsis;
|
|
59
|
+
border: var(--IDS-INPUT__BORDER);
|
|
60
|
+
width: 100% !important;
|
|
61
|
+
}
|
|
60
62
|
.ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
|
|
61
63
|
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
|
|
62
64
|
border: var(--IDS-FORM--INVALID__BORDER);
|
|
@@ -137,10 +139,6 @@
|
|
|
137
139
|
.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--show {
|
|
138
140
|
display: block;
|
|
139
141
|
}
|
|
140
|
-
.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner {
|
|
141
|
-
padding: 0.625rem;
|
|
142
|
-
overflow-y: auto;
|
|
143
|
-
}
|
|
144
142
|
.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar {
|
|
145
143
|
width: 0.625rem;
|
|
146
144
|
}
|
|
@@ -161,6 +159,10 @@
|
|
|
161
159
|
.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner {
|
|
162
160
|
background-color: transparent;
|
|
163
161
|
}
|
|
162
|
+
.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner {
|
|
163
|
+
padding: 0.625rem;
|
|
164
|
+
overflow-y: auto;
|
|
165
|
+
}
|
|
164
166
|
|
|
165
167
|
:host([disabled]) input {
|
|
166
168
|
color: var(--IDS-FORM--DISABLED__COLOR);
|