@inera/ids-design 6.0.3 → 6.2.0
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.d.ts +2 -2
- package/components/accordion/accordion-lit.js +2 -2
- package/components/alert/alert-lit.d.ts +2 -2
- package/components/alert/alert-lit.js +1 -1
- package/components/alert/alert.css +54 -70
- package/components/alert-global/alert-global-lit.d.ts +2 -2
- package/components/alert-global/alert-global-lit.js +1 -1
- package/components/alert-global/alert-global.css +7 -0
- package/components/badge/badge-lit.d.ts +2 -2
- package/components/box-link/box-link-lit.d.ts +2 -2
- package/components/box-link/box-link-lit.js +1 -1
- package/components/box-link/box-link.css +1 -0
- package/components/breadcrumbs/breadcrumbs-lit.d.ts +2 -2
- package/components/button-group/button-group-lit.d.ts +2 -2
- package/components/button-group/button-group-lit.js +1 -1
- package/components/button-group/button-group.css +8 -3
- package/components/card/card-lit.d.ts +2 -2
- package/components/card/card-lit.js +3 -3
- package/components/card/card.css +7 -0
- package/components/carousel/carousel-item-lit.d.ts +2 -2
- package/components/carousel/carousel-lit.d.ts +2 -2
- package/components/data-table/data-table-lit.d.ts +2 -2
- package/components/data-table/data-table-lit.js +1 -1
- package/components/data-table/data-table.css +1 -1
- package/components/date-label/date-label-lit.d.ts +2 -2
- package/components/dialog/dialog-lit.d.ts +2 -2
- package/components/dialog/dialog-lit.js +1 -1
- package/components/dialog/dialog.css +2 -0
- package/components/dropdown/dropdown-lit.d.ts +2 -2
- package/components/dropdown/dropdown-lit.js +3 -3
- package/components/dropdown/dropdown.css +0 -1
- package/components/footer-1177/footer-1177-lit.d.ts +2 -2
- package/components/footer-1177-admin/footer-1177-admin-lit.d.ts +2 -2
- package/components/footer-1177-pro/footer-1177-pro-lit.d.ts +2 -2
- package/components/footer-inera/footer-inera-lit.d.ts +2 -2
- package/components/footer-inera-admin/footer-inera-admin-lit.d.ts +2 -2
- package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
- package/components/footer-inera-admin/footer-inera-admin.css +4 -4
- package/components/form/error-message/error-message-lit.d.ts +2 -2
- package/components/form/error-message/error-message-lit.js +1 -1
- package/components/form/error-message/error-message.css +2 -1
- package/components/form/group/group-lit.d.ts +2 -2
- package/components/form/range/range-lit.d.ts +2 -2
- package/components/form/range/range-lit.js +1 -1
- package/components/form/range/range.css +34 -11
- package/components/form/select-multiple/select-multiple-lit.d.ts +2 -2
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +35 -15
- package/components/form/spinner/spinner-lit.d.ts +2 -2
- package/components/grid/column/column-lit.d.ts +2 -2
- package/components/grid/container/container-lit.d.ts +2 -2
- package/components/grid/row/row-lit.d.ts +2 -2
- package/components/header-1177/composite-header-1177.css +12 -7
- package/components/header-1177/header-1177-avatar-lit.d.ts +2 -2
- package/components/header-1177/header-1177-item-lit.d.ts +2 -2
- package/components/header-1177/header-1177-item-lit.js +1 -1
- package/components/header-1177/header-1177-item.css +4 -0
- package/components/header-1177/header-1177-lit.d.ts +2 -2
- package/components/header-1177/header-1177-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-lit.d.ts +2 -2
- package/components/header-1177/header-1177-nav-item-mobile-lit.d.ts +2 -2
- package/components/header-1177/header-1177-nav-item-mobile.css +1 -0
- package/components/header-1177/header-1177-nav-lit.d.ts +2 -2
- package/components/header-1177/header-1177.css +7 -7
- package/components/header-1177-admin/header-1177-admin-avatar-lit.d.ts +2 -2
- package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.d.ts +2 -2
- package/components/header-1177-admin/header-1177-admin-avatar.css +32 -0
- package/components/header-1177-admin/header-1177-admin-item-lit.d.ts +2 -2
- package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-item.css +4 -0
- package/components/header-1177-admin/header-1177-admin-lit.d.ts +2 -2
- package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-nav-item-lit.d.ts +2 -2
- package/components/header-1177-admin/header-1177-admin-nav-lit.d.ts +2 -2
- package/components/header-1177-admin/header-1177-admin.css +46 -6
- package/components/header-1177-pro/header-1177-pro-avatar-lit.d.ts +2 -2
- package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.d.ts +2 -2
- package/components/header-1177-pro/header-1177-pro-avatar.css +32 -0
- package/components/header-1177-pro/header-1177-pro-item-lit.d.ts +2 -2
- package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-item.css +14 -0
- package/components/header-1177-pro/header-1177-pro-lit.d.ts +2 -2
- package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-item-lit.d.ts +2 -2
- package/components/header-1177-pro/header-1177-pro-nav-lit.d.ts +2 -2
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.d.ts +2 -2
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +1 -0
- package/components/header-1177-pro/header-1177-pro-region-picker-lit.d.ts +2 -2
- package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-region-picker.css +41 -7
- package/components/header-1177-pro/header-1177-pro.css +41 -7
- package/components/header-inera/header-inera-item-lit.d.ts +2 -2
- package/components/header-inera/header-inera-item-lit.js +1 -1
- package/components/header-inera/header-inera-item.css +8 -14
- package/components/header-inera/header-inera-lit.d.ts +2 -2
- package/components/header-inera/header-inera-lit.js +1 -1
- package/components/header-inera/header-inera-nav-item-lit.d.ts +2 -2
- package/components/header-inera/header-inera-nav-item-lit.js +1 -1
- package/components/header-inera/header-inera-nav-item.css +1 -1
- package/components/header-inera/header-inera-nav-lit.d.ts +2 -2
- package/components/header-inera/header-inera-nav-mobile-lit.d.ts +2 -2
- package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
- package/components/header-inera/header-inera-nav-mobile.css +1 -0
- package/components/header-inera/header-inera.css +2 -2
- package/components/header-inera-admin/composite-header-inera-admin.css +35 -22
- package/components/header-inera-admin/header-inera-admin-avatar-lit.d.ts +2 -2
- package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.d.ts +2 -2
- package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +8 -1
- package/components/header-inera-admin/header-inera-admin-avatar.css +15 -4
- package/components/header-inera-admin/header-inera-admin-item-lit.d.ts +2 -2
- package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-item.css +8 -14
- package/components/header-inera-admin/header-inera-admin-lit.d.ts +2 -2
- package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-nav-item-lit.d.ts +2 -2
- package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-nav-item.css +1 -1
- package/components/header-inera-admin/header-inera-admin-nav-lit.d.ts +2 -2
- package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts +2 -2
- 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 +1 -0
- package/components/header-inera-admin/header-inera-admin.css +2 -2
- package/components/mobile-menu/mobile-menu-lit.d.ts +2 -2
- package/components/mobile-menu/mobile-menu-lit.js +1 -1
- package/components/mobile-menu/mobile-menu.css +39 -17
- package/components/navigation/content/navigation-content-lit.d.ts +2 -2
- package/components/navigation/local/navigation-local-lit.d.ts +2 -2
- package/components/notification-badge/notification-badge-lit.d.ts +2 -2
- package/components/pagination/data-pagination/data-pagination-lit.d.ts +2 -2
- package/components/pagination/list-pagination/list-pagination-lit.d.ts +2 -2
- package/components/pagination/list-pagination/list-pagination-lit.js +3 -3
- package/components/pagination/list-pagination/list-pagination.css +8 -8
- package/components/popover/popover-content-lit.d.ts +2 -2
- package/components/popover/popover-lit.d.ts +2 -2
- package/components/popover/popover-lit.js +1 -1
- package/components/popover/popover.css +1 -0
- package/components/progressbar/progressbar-lit.d.ts +2 -2
- package/components/progressbar/progressbar-lit.js +1 -1
- package/components/progressbar/progressbar.css +20 -14
- package/components/puff-list/puff-list-lit.d.ts +2 -2
- package/components/side-menu/side-menu-lit.d.ts +2 -2
- package/components/side-menu/side-menu-lit.js +1 -1
- package/components/side-menu/side-menu.css +4 -2
- package/components/side-panel/side-panel-lit.d.ts +2 -2
- package/components/side-panel/side-panel-lit.js +1 -1
- package/components/side-panel/side-panel.css +1 -13
- package/components/stepper/stepper-lit.d.ts +2 -2
- package/components/stepper/stepper-lit.js +1 -1
- package/components/stepper/stepper.css +22 -9
- package/components/tabs/tab-lit.d.ts +2 -2
- package/components/tabs/tab-lit.js +1 -1
- package/components/tabs/tab-panel-lit.d.ts +2 -2
- package/components/tabs/tab.css +10 -5
- package/components/tabs/tabs-lit.d.ts +2 -2
- package/components/tabs/tabs-lit.js +1 -1
- package/components/tag/tag-lit.d.ts +2 -2
- package/components/tooltip/tooltip-lit.d.ts +2 -2
- package/global/global.css +511 -162
- package/global/icons/font/Inera-Design-Icons.eot +0 -0
- package/global/icons/font/Inera-Design-Icons.svg +322 -154
- package/global/icons/font/Inera-Design-Icons.ttf +0 -0
- package/global/icons/font/Inera-Design-Icons.woff +0 -0
- package/license.md +7 -7
- package/package.json +1 -1
- package/themes/1177/1177-tokens.css +33 -33
- package/themes/1177/1177.css +527 -178
- package/themes/1177-pro/1177-pro.css +527 -178
- package/themes/inera/inera-tokens.css +52 -52
- package/themes/inera/inera.css +526 -177
- package/themes/inera-admin/inera-admin.css +526 -177
- package/components/form/textarea/textarea-lit.d.ts +0 -2
- package/components/form/textarea/textarea-lit.js +0 -7
- package/components/form/textarea/textarea.css +0 -0
|
@@ -30,10 +30,6 @@
|
|
|
30
30
|
overflow: hidden;
|
|
31
31
|
z-index: 1;
|
|
32
32
|
}
|
|
33
|
-
.ids-side-panel .ids-side-panel__mobile-menu {
|
|
34
|
-
display: none;
|
|
35
|
-
background-color: var(--IDS-COLOR-NEUTRAL-100);
|
|
36
|
-
}
|
|
37
33
|
.ids-side-panel.ids-side-panel--regular {
|
|
38
34
|
opacity: 0;
|
|
39
35
|
visibility: hidden;
|
|
@@ -253,8 +249,6 @@
|
|
|
253
249
|
opacity: 0;
|
|
254
250
|
visibility: hidden;
|
|
255
251
|
transition: visibility 0s, opacity 0s;
|
|
256
|
-
border-top: 0.25rem solid transparent;
|
|
257
|
-
border-bottom: 0.25rem solid transparent;
|
|
258
252
|
}
|
|
259
253
|
.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar {
|
|
260
254
|
width: 1rem;
|
|
@@ -318,6 +312,7 @@
|
|
|
318
312
|
.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger {
|
|
319
313
|
border: 0;
|
|
320
314
|
background-color: transparent;
|
|
315
|
+
cursor: pointer;
|
|
321
316
|
height: 1.875rem;
|
|
322
317
|
padding: 0 0.25rem;
|
|
323
318
|
margin-right: -0.25rem;
|
|
@@ -404,10 +399,6 @@
|
|
|
404
399
|
.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__actions {
|
|
405
400
|
width: auto;
|
|
406
401
|
}
|
|
407
|
-
.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__mobile-menu {
|
|
408
|
-
display: block;
|
|
409
|
-
margin-top: 2.5rem;
|
|
410
|
-
}
|
|
411
402
|
.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__content,
|
|
412
403
|
.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__footer {
|
|
413
404
|
opacity: 1;
|
|
@@ -432,9 +423,6 @@
|
|
|
432
423
|
.ids-side-panel.ids-side-panel--menu {
|
|
433
424
|
transition: width 0.3s ease-in-out;
|
|
434
425
|
}
|
|
435
|
-
.ids-side-panel.ids-side-panel--menu .ids-side-panel__mobile-menu {
|
|
436
|
-
display: none !important;
|
|
437
|
-
}
|
|
438
426
|
.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel {
|
|
439
427
|
width: 23.75rem;
|
|
440
428
|
position: relative;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("lit").CSSResult;
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("lit").CSSResult;
|
|
2
|
+
export default _default;
|
|
@@ -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}}:host([last]) .ids-step:after{content:none}.ids-stepper .ids-step:last-child:after{display:none}.ids-step{background-color:var(--IDS-COLOR-NEUTRAL-100);border:var(--IDS-STEP__BORDER);border-radius:.3125rem;display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem;position:relative}.ids-step:after{background-color:var(--IDS-STEP__AFTER-BACKGROUND-COLOR);bottom:-1.0625rem;content:\"\";height:1rem;left:2.25rem;position:absolute;width:.25rem}.ids-step .ids-step__label{color:var(--IDS-STEP__LABEL-COLOR);font-size:1rem}.ids-step .ids-step__button{background:none;border:none;border-radius:.3125rem;cursor:pointer;display:block;width:100%}.ids-step .ids-step__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-step .ids-step__button.ids-step__button--disabled{cursor:default;pointer-events:none}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__label{color:var(--IDS-STEP--DISABLED__LABEL-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline{color:var(--IDS-STEP--DISABLED__HEADLINE-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__chevron{display:none}.ids-step .ids-step__button-inner{align-items:
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:host([last]) .ids-step:after{content:none}.ids-stepper .ids-step:last-child:after{display:none}.ids-step{background-color:var(--IDS-COLOR-NEUTRAL-100);border:var(--IDS-STEP__BORDER);border-radius:.3125rem;display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem;position:relative}.ids-step:after{background-color:var(--IDS-STEP__AFTER-BACKGROUND-COLOR);bottom:-1.0625rem;content:\"\";height:1rem;left:2.25rem;position:absolute;width:.25rem}.ids-step .ids-step__label{color:var(--IDS-STEP__LABEL-COLOR);font-size:1rem}.ids-step .ids-step__button{background:none;border:none;border-radius:.3125rem;cursor:pointer;display:block;width:100%}.ids-step .ids-step__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-step .ids-step__button.ids-step__button--disabled{cursor:default;pointer-events:none}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__label{color:var(--IDS-STEP--DISABLED__LABEL-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline{color:var(--IDS-STEP--DISABLED__HEADLINE-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__chevron{display:none}.ids-step .ids-step__button-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;width:100%}.ids-step .ids-step__button-text{gap:.5rem;justify-content:space-between;min-height:2.625rem;width:calc(100% - 3.75rem)}.ids-step .ids-step__button-text,.ids-step .ids-step__indicator-wrapper{align-items:flex-start;display:flex}.ids-step .ids-step__indicator{align-items:center;background-color:var(--IDS-STEP__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__INDICATOR-BORDER);border-radius:6.25rem;color:var(--IDS-STEP__INDICATOR-COLOR);display:flex;flex-direction:column;font-family:var(--IDS-STEP__INDICATOR-FONT-FAMILY);font-size:1.25rem!important;font-weight:400!important;height:2.625rem;justify-content:center;position:relative;width:2.625rem}.ids-step .ids-step__indicator.ids-step__indicator--selected{background-color:var(--IDS-STEP--SELECTED__INDICATOR-BACKGROUND-COLOR);color:var(--IDS-COLOR-NEUTRAL-100)}.ids-step .ids-step__indicator.ids-step__indicator--valid{background-color:var(--IDS-STEP--VALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP--VALID__INDICATOR-BORDER)}.ids-step .ids-step__indicator.ids-step__indicator--valid:before{color:var(--IDS-STEP--VALID__INDICATOR-ICON-COLOR);content:\"\\e93a\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__indicator.ids-step__indicator--invalid{background-color:var(--IDS-STEP--INVALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP--INVALID__INDICATOR-BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--invalid:before{color:var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR);content:\"\\e91d\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__headline-label{align-self:center;display:flex;flex-direction:column}.ids-step .ids-step__label{align-self:flex-start;display:flex}.ids-step .ids-step__headline,.ids-step ::slotted([slot=headline]){color:var(--IDS-STEP__HEADLINE-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);margin:0!important;word-break:break-word}@media (min-width:1024px){.ids-step .ids-step__headline,.ids-step ::slotted([slot=headline]){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-step .ids-step__chevron{flex-shrink:0;height:2.625rem;position:relative;width:1.25rem}.ids-step .ids-step__chevron:before{color:var(--IDS-STEP__CHEVRON-COLOR);content:\"\\e906\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-step .ids-step__chevron.ids-step__chevron--expanded:before{content:\"\\e909\"}.ids-step .ids-step__content{padding:1rem 0 0}@media only screen and (min-width:1024px){.ids-step{margin-bottom:1.25rem}.ids-step:after{bottom:-1.3125rem;height:1.25rem}.ids-step .ids-step__headline-label{padding-left:1.25rem}.ids-step .ids-step__content{padding:1.25rem 0 0 4rem}}";
|
|
4
4
|
|
|
5
5
|
var stepperLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -85,16 +85,18 @@
|
|
|
85
85
|
}
|
|
86
86
|
.ids-step .ids-step__button-inner {
|
|
87
87
|
display: flex;
|
|
88
|
-
align-items:
|
|
88
|
+
align-items: flex-start;
|
|
89
89
|
flex-wrap: wrap;
|
|
90
90
|
gap: 1rem;
|
|
91
|
+
width: 100%;
|
|
91
92
|
}
|
|
92
93
|
.ids-step .ids-step__button-text {
|
|
93
94
|
display: flex;
|
|
94
95
|
justify-content: space-between;
|
|
95
|
-
align-items:
|
|
96
|
-
|
|
97
|
-
|
|
96
|
+
align-items: flex-start;
|
|
97
|
+
gap: 0.5rem;
|
|
98
|
+
width: calc(100% - 3.75rem);
|
|
99
|
+
min-height: 2.625rem;
|
|
98
100
|
}
|
|
99
101
|
.ids-step .ids-step__indicator-wrapper {
|
|
100
102
|
display: flex;
|
|
@@ -160,18 +162,29 @@
|
|
|
160
162
|
}
|
|
161
163
|
.ids-step .ids-step__headline,
|
|
162
164
|
.ids-step ::slotted([slot=headline]) {
|
|
163
|
-
|
|
165
|
+
margin: 0 !important;
|
|
166
|
+
word-break: break-word;
|
|
164
167
|
font-style: normal;
|
|
165
|
-
font-weight: 700;
|
|
166
|
-
font-size: 1.25rem;
|
|
167
|
-
line-height: 1.5rem;
|
|
168
168
|
color: var(--IDS-STEP__HEADLINE-COLOR);
|
|
169
|
-
|
|
169
|
+
font-family: var(--IDS-HEADING-M__FONT-FAMILY);
|
|
170
|
+
font-size: var(--IDS-HEADING-M__FONT-SIZE);
|
|
171
|
+
line-height: var(--IDS-HEADING-M__LINE-HEIGHT);
|
|
172
|
+
letter-spacing: var(--IDS-HEADING-M__LETTER-SPACING);
|
|
173
|
+
font-weight: var(--IDS-HEADING-M__FONT-WEIGHT);
|
|
174
|
+
}
|
|
175
|
+
@media (min-width: 1024px) {
|
|
176
|
+
.ids-step .ids-step__headline,
|
|
177
|
+
.ids-step ::slotted([slot=headline]) {
|
|
178
|
+
font-size: var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);
|
|
179
|
+
line-height: var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP);
|
|
180
|
+
letter-spacing: var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);
|
|
181
|
+
}
|
|
170
182
|
}
|
|
171
183
|
.ids-step .ids-step__chevron {
|
|
172
184
|
height: 2.625rem;
|
|
173
185
|
width: 1.25rem;
|
|
174
186
|
position: relative;
|
|
187
|
+
flex-shrink: 0;
|
|
175
188
|
}
|
|
176
189
|
.ids-step .ids-step__chevron:before {
|
|
177
190
|
font: icon;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("lit").CSSResult;
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("lit").CSSResult;
|
|
2
|
+
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ":host{border-radius:var(--IDS-TAB__BORDER-RADIUS)}:host(:not([selected]):focus){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem}.ids-tab{-webkit-touch-callout:none;align-items:flex-end;background:none;background:var(--IDS-TAB_BACKGROUND-COLOR);border:.0625rem solid transparent;border-radius:var(--IDS-TAB__BORDER-RADIUS);box-shadow:var(--IDS-TAB_BOX-SHADOW);box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;outline:none;padding:.625rem 1.438rem .
|
|
3
|
+
var css_248z = ":host{border-radius:var(--IDS-TAB__BORDER-RADIUS)}:host(:not([selected]):focus){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem}.ids-tab{-webkit-touch-callout:none;align-items:flex-end;background:none;background:var(--IDS-TAB_BACKGROUND-COLOR);border:.0625rem solid transparent;border-radius:var(--IDS-TAB__BORDER-RADIUS);box-shadow:var(--IDS-TAB_BOX-SHADOW);box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;outline:none;padding:.625rem 1.438rem .75rem;position:relative;-moz-user-select:-moz-none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ids-tab,.ids-tab .ids-tab__label{color:var(--IDS-TAB__COLOR);display:flex;justify-content:center}.ids-tab .ids-tab__label{align-items:center;flex-direction:column;font-size:1rem;font-weight:400;gap:.25rem;line-height:1.5rem;text-align:center}.ids-tab .ids-icon,.ids-tab .ids-tab-icon,.ids-tab ::slotted([slot=icon]){align-self:center!important;color:var(--IDS-ICON__COLOR);display:flex!important;font-size:1.25rem!important}.ids-tab:after{background-color:transparent;bottom:var(--IDS-TAB--SELECTED__AFTER-BOTTOM);content:\"\";height:var(--IDS-TAB--SELECTED__AFTER-HEIGHT);left:-.063rem;position:absolute;right:0;width:calc(100% + .125rem)}.ids-tab.ids-tab--selected{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:var(--IDS-TAB--SELECTED-BORDER);border-right:var(--IDS-TAB--SELECTED-BORDER);border-top:var(--IDS-TAB--SELECTED-BORDER);box-shadow:var(--IDS-TAB--SELECTED__BOX-SHADOW)}.ids-tab.ids-tab--selected,.ids-tab.ids-tab--selected .ids-tab__label{color:var(--IDS-TAB--SELECTED_COLOR)}.ids-tab.ids-tab--selected:after{background-color:var(--IDS-TAB--SELECTED__AFTER-BACKGROUND-COLOR)}.ids-tab .ids-notification-badge,.ids-tab ids-notification-badge{margin-bottom:-.125rem;margin-left:.375rem}.ids-tab:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}";
|
|
4
4
|
|
|
5
5
|
var tabLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("lit").CSSResult;
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("lit").CSSResult;
|
|
2
|
+
export default _default;
|
package/components/tabs/tab.css
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
justify-content: center;
|
|
43
43
|
align-items: flex-end;
|
|
44
44
|
box-sizing: border-box;
|
|
45
|
-
padding: 0.625rem 1.438rem 0.
|
|
45
|
+
padding: 0.625rem 1.438rem 0.75rem 1.438rem;
|
|
46
46
|
background: var(--IDS-TAB_BACKGROUND-COLOR);
|
|
47
47
|
box-shadow: var(--IDS-TAB_BOX-SHADOW);
|
|
48
48
|
border: 0.0625rem solid transparent;
|
|
@@ -56,19 +56,24 @@
|
|
|
56
56
|
-ms-user-select: none;
|
|
57
57
|
user-select: none;
|
|
58
58
|
color: var(--IDS-TAB__COLOR);
|
|
59
|
+
/* &:has(.ids-tab__icon),
|
|
60
|
+
&.ids-tab--has-icon {
|
|
61
|
+
.ids-tab__label {
|
|
62
|
+
margin-bottom: -0.4375rem;
|
|
63
|
+
}
|
|
64
|
+
} */
|
|
59
65
|
}
|
|
60
66
|
.ids-tab .ids-tab__label {
|
|
61
67
|
display: flex;
|
|
62
68
|
flex-direction: column;
|
|
63
69
|
justify-content: center;
|
|
70
|
+
align-items: center;
|
|
64
71
|
color: var(--IDS-TAB__COLOR);
|
|
65
72
|
font-weight: 400;
|
|
66
73
|
font-size: 1rem;
|
|
74
|
+
line-height: 1.5rem;
|
|
67
75
|
text-align: center;
|
|
68
|
-
|
|
69
|
-
.ids-tab:has(.ids-tab__icon) .ids-tab__label, .ids-tab.ids-tab--has-icon .ids-tab__label {
|
|
70
|
-
margin-bottom: -0.4375rem;
|
|
71
|
-
line-height: 2.1875rem;
|
|
76
|
+
gap: 0.25rem;
|
|
72
77
|
}
|
|
73
78
|
.ids-tab .ids-tab-icon,
|
|
74
79
|
.ids-tab ::slotted([slot=icon]),
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("lit").CSSResult;
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("lit").CSSResult;
|
|
2
|
+
export default _default;
|
|
@@ -2,7 +2,7 @@ import { css, unsafeCSS } from 'lit';
|
|
|
2
2
|
|
|
3
3
|
var css_248z$1 = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-tabs .ids-tabs__select{display:block}.ids-tabs .ids-tabs__tabs{align-items:flex-end;border-bottom:var(--IDS-TABS__BORDER-BOTTOM);display:none;flex-wrap:wrap;gap:.25rem;padding:0 1.25rem;position:relative}.ids-tabs .ids-tabs__tabs:before{bottom:0;box-shadow:inset 0 -.25rem .25rem -.25rem rgba(0,0,0,.2);content:var(--IDS-TAB--SELECTED__BEFORE-CONTENT);height:.625rem;left:0;pointer-events:none;position:absolute;right:0}@media (min-width:1024px){.ids-tabs .ids-tabs__select{display:none}.ids-tabs .ids-tabs__tabs{display:flex}}.ids-tabs.ids-tabs--unresponsive .ids-tabs__select{display:none}.ids-tabs.ids-tabs--unresponsive .ids-tabs__tabs{display:flex!important}@media (min-width:640px){.ids-tabs.ids-tabs--responsive-on-s .ids-tabs__select{display:none}.ids-tabs.ids-tabs--responsive-on-s .ids-tabs__tabs{display:flex}}@media (min-width:1024px){.ids-tabs.ids-tabs--responsive-on-m .ids-tabs__select{display:none}.ids-tabs.ids-tabs--responsive-on-m .ids-tabs__tabs{display:flex}}.ids-tabs .ids-tabs__panels{position:relative;z-index:1}";
|
|
4
4
|
|
|
5
|
-
var css_248z = ".ids-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select.ids-input--
|
|
5
|
+
var css_248z = ".ids-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select:disabled{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.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select.ids-input--light:disabled{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.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select.ids-input--invalid,.ids-select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select.ids-input--light.ids-input--invalid,.ids-select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-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:disabled{cursor:default}.ids-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:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-wrapper{display:flex;position:relative}.ids-select-wrapper:after{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-wrapper:has(.ids-input--invalid):after,.ids-select-wrapper:has([aria-invalid=true]):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-wrapper:has([aria-disabled=true]):after,.ids-select-wrapper:has(select:disabled):after{color:var(--IDS-ICON--DISABLED-COLOR)}";
|
|
6
6
|
|
|
7
7
|
var tabsLit = css`${unsafeCSS(css_248z)} ${unsafeCSS(css_248z$1)}`;
|
|
8
8
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("lit").CSSResult;
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("lit").CSSResult;
|
|
2
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("lit").CSSResult;
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("lit").CSSResult;
|
|
2
|
+
export default _default;
|