@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.
Files changed (177) hide show
  1. package/components/accordion/accordion-lit.d.ts +2 -2
  2. package/components/accordion/accordion-lit.js +2 -2
  3. package/components/alert/alert-lit.d.ts +2 -2
  4. package/components/alert/alert-lit.js +1 -1
  5. package/components/alert/alert.css +54 -70
  6. package/components/alert-global/alert-global-lit.d.ts +2 -2
  7. package/components/alert-global/alert-global-lit.js +1 -1
  8. package/components/alert-global/alert-global.css +7 -0
  9. package/components/badge/badge-lit.d.ts +2 -2
  10. package/components/box-link/box-link-lit.d.ts +2 -2
  11. package/components/box-link/box-link-lit.js +1 -1
  12. package/components/box-link/box-link.css +1 -0
  13. package/components/breadcrumbs/breadcrumbs-lit.d.ts +2 -2
  14. package/components/button-group/button-group-lit.d.ts +2 -2
  15. package/components/button-group/button-group-lit.js +1 -1
  16. package/components/button-group/button-group.css +8 -3
  17. package/components/card/card-lit.d.ts +2 -2
  18. package/components/card/card-lit.js +3 -3
  19. package/components/card/card.css +7 -0
  20. package/components/carousel/carousel-item-lit.d.ts +2 -2
  21. package/components/carousel/carousel-lit.d.ts +2 -2
  22. package/components/data-table/data-table-lit.d.ts +2 -2
  23. package/components/data-table/data-table-lit.js +1 -1
  24. package/components/data-table/data-table.css +1 -1
  25. package/components/date-label/date-label-lit.d.ts +2 -2
  26. package/components/dialog/dialog-lit.d.ts +2 -2
  27. package/components/dialog/dialog-lit.js +1 -1
  28. package/components/dialog/dialog.css +2 -0
  29. package/components/dropdown/dropdown-lit.d.ts +2 -2
  30. package/components/dropdown/dropdown-lit.js +3 -3
  31. package/components/dropdown/dropdown.css +0 -1
  32. package/components/footer-1177/footer-1177-lit.d.ts +2 -2
  33. package/components/footer-1177-admin/footer-1177-admin-lit.d.ts +2 -2
  34. package/components/footer-1177-pro/footer-1177-pro-lit.d.ts +2 -2
  35. package/components/footer-inera/footer-inera-lit.d.ts +2 -2
  36. package/components/footer-inera-admin/footer-inera-admin-lit.d.ts +2 -2
  37. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  38. package/components/footer-inera-admin/footer-inera-admin.css +4 -4
  39. package/components/form/error-message/error-message-lit.d.ts +2 -2
  40. package/components/form/error-message/error-message-lit.js +1 -1
  41. package/components/form/error-message/error-message.css +2 -1
  42. package/components/form/group/group-lit.d.ts +2 -2
  43. package/components/form/range/range-lit.d.ts +2 -2
  44. package/components/form/range/range-lit.js +1 -1
  45. package/components/form/range/range.css +34 -11
  46. package/components/form/select-multiple/select-multiple-lit.d.ts +2 -2
  47. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  48. package/components/form/select-multiple/select-multiple.css +35 -15
  49. package/components/form/spinner/spinner-lit.d.ts +2 -2
  50. package/components/grid/column/column-lit.d.ts +2 -2
  51. package/components/grid/container/container-lit.d.ts +2 -2
  52. package/components/grid/row/row-lit.d.ts +2 -2
  53. package/components/header-1177/composite-header-1177.css +12 -7
  54. package/components/header-1177/header-1177-avatar-lit.d.ts +2 -2
  55. package/components/header-1177/header-1177-item-lit.d.ts +2 -2
  56. package/components/header-1177/header-1177-item-lit.js +1 -1
  57. package/components/header-1177/header-1177-item.css +4 -0
  58. package/components/header-1177/header-1177-lit.d.ts +2 -2
  59. package/components/header-1177/header-1177-lit.js +1 -1
  60. package/components/header-1177/header-1177-nav-item-lit.d.ts +2 -2
  61. package/components/header-1177/header-1177-nav-item-mobile-lit.d.ts +2 -2
  62. package/components/header-1177/header-1177-nav-item-mobile.css +1 -0
  63. package/components/header-1177/header-1177-nav-lit.d.ts +2 -2
  64. package/components/header-1177/header-1177.css +7 -7
  65. package/components/header-1177-admin/header-1177-admin-avatar-lit.d.ts +2 -2
  66. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  67. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.d.ts +2 -2
  68. package/components/header-1177-admin/header-1177-admin-avatar.css +32 -0
  69. package/components/header-1177-admin/header-1177-admin-item-lit.d.ts +2 -2
  70. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  71. package/components/header-1177-admin/header-1177-admin-item.css +4 -0
  72. package/components/header-1177-admin/header-1177-admin-lit.d.ts +2 -2
  73. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  74. package/components/header-1177-admin/header-1177-admin-nav-item-lit.d.ts +2 -2
  75. package/components/header-1177-admin/header-1177-admin-nav-lit.d.ts +2 -2
  76. package/components/header-1177-admin/header-1177-admin.css +46 -6
  77. package/components/header-1177-pro/header-1177-pro-avatar-lit.d.ts +2 -2
  78. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  79. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.d.ts +2 -2
  80. package/components/header-1177-pro/header-1177-pro-avatar.css +32 -0
  81. package/components/header-1177-pro/header-1177-pro-item-lit.d.ts +2 -2
  82. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  83. package/components/header-1177-pro/header-1177-pro-item.css +14 -0
  84. package/components/header-1177-pro/header-1177-pro-lit.d.ts +2 -2
  85. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  86. package/components/header-1177-pro/header-1177-pro-nav-item-lit.d.ts +2 -2
  87. package/components/header-1177-pro/header-1177-pro-nav-lit.d.ts +2 -2
  88. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.d.ts +2 -2
  89. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +1 -0
  90. package/components/header-1177-pro/header-1177-pro-region-picker-lit.d.ts +2 -2
  91. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  92. package/components/header-1177-pro/header-1177-pro-region-picker.css +41 -7
  93. package/components/header-1177-pro/header-1177-pro.css +41 -7
  94. package/components/header-inera/header-inera-item-lit.d.ts +2 -2
  95. package/components/header-inera/header-inera-item-lit.js +1 -1
  96. package/components/header-inera/header-inera-item.css +8 -14
  97. package/components/header-inera/header-inera-lit.d.ts +2 -2
  98. package/components/header-inera/header-inera-lit.js +1 -1
  99. package/components/header-inera/header-inera-nav-item-lit.d.ts +2 -2
  100. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  101. package/components/header-inera/header-inera-nav-item.css +1 -1
  102. package/components/header-inera/header-inera-nav-lit.d.ts +2 -2
  103. package/components/header-inera/header-inera-nav-mobile-lit.d.ts +2 -2
  104. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  105. package/components/header-inera/header-inera-nav-mobile.css +1 -0
  106. package/components/header-inera/header-inera.css +2 -2
  107. package/components/header-inera-admin/composite-header-inera-admin.css +35 -22
  108. package/components/header-inera-admin/header-inera-admin-avatar-lit.d.ts +2 -2
  109. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  110. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.d.ts +2 -2
  111. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  112. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +8 -1
  113. package/components/header-inera-admin/header-inera-admin-avatar.css +15 -4
  114. package/components/header-inera-admin/header-inera-admin-item-lit.d.ts +2 -2
  115. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  116. package/components/header-inera-admin/header-inera-admin-item.css +8 -14
  117. package/components/header-inera-admin/header-inera-admin-lit.d.ts +2 -2
  118. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  119. package/components/header-inera-admin/header-inera-admin-nav-item-lit.d.ts +2 -2
  120. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  121. package/components/header-inera-admin/header-inera-admin-nav-item.css +1 -1
  122. package/components/header-inera-admin/header-inera-admin-nav-lit.d.ts +2 -2
  123. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts +2 -2
  124. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  125. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +1 -0
  126. package/components/header-inera-admin/header-inera-admin.css +2 -2
  127. package/components/mobile-menu/mobile-menu-lit.d.ts +2 -2
  128. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  129. package/components/mobile-menu/mobile-menu.css +39 -17
  130. package/components/navigation/content/navigation-content-lit.d.ts +2 -2
  131. package/components/navigation/local/navigation-local-lit.d.ts +2 -2
  132. package/components/notification-badge/notification-badge-lit.d.ts +2 -2
  133. package/components/pagination/data-pagination/data-pagination-lit.d.ts +2 -2
  134. package/components/pagination/list-pagination/list-pagination-lit.d.ts +2 -2
  135. package/components/pagination/list-pagination/list-pagination-lit.js +3 -3
  136. package/components/pagination/list-pagination/list-pagination.css +8 -8
  137. package/components/popover/popover-content-lit.d.ts +2 -2
  138. package/components/popover/popover-lit.d.ts +2 -2
  139. package/components/popover/popover-lit.js +1 -1
  140. package/components/popover/popover.css +1 -0
  141. package/components/progressbar/progressbar-lit.d.ts +2 -2
  142. package/components/progressbar/progressbar-lit.js +1 -1
  143. package/components/progressbar/progressbar.css +20 -14
  144. package/components/puff-list/puff-list-lit.d.ts +2 -2
  145. package/components/side-menu/side-menu-lit.d.ts +2 -2
  146. package/components/side-menu/side-menu-lit.js +1 -1
  147. package/components/side-menu/side-menu.css +4 -2
  148. package/components/side-panel/side-panel-lit.d.ts +2 -2
  149. package/components/side-panel/side-panel-lit.js +1 -1
  150. package/components/side-panel/side-panel.css +1 -13
  151. package/components/stepper/stepper-lit.d.ts +2 -2
  152. package/components/stepper/stepper-lit.js +1 -1
  153. package/components/stepper/stepper.css +22 -9
  154. package/components/tabs/tab-lit.d.ts +2 -2
  155. package/components/tabs/tab-lit.js +1 -1
  156. package/components/tabs/tab-panel-lit.d.ts +2 -2
  157. package/components/tabs/tab.css +10 -5
  158. package/components/tabs/tabs-lit.d.ts +2 -2
  159. package/components/tabs/tabs-lit.js +1 -1
  160. package/components/tag/tag-lit.d.ts +2 -2
  161. package/components/tooltip/tooltip-lit.d.ts +2 -2
  162. package/global/global.css +511 -162
  163. package/global/icons/font/Inera-Design-Icons.eot +0 -0
  164. package/global/icons/font/Inera-Design-Icons.svg +322 -154
  165. package/global/icons/font/Inera-Design-Icons.ttf +0 -0
  166. package/global/icons/font/Inera-Design-Icons.woff +0 -0
  167. package/license.md +7 -7
  168. package/package.json +1 -1
  169. package/themes/1177/1177-tokens.css +33 -33
  170. package/themes/1177/1177.css +527 -178
  171. package/themes/1177-pro/1177-pro.css +527 -178
  172. package/themes/inera/inera-tokens.css +52 -52
  173. package/themes/inera/inera.css +526 -177
  174. package/themes/inera-admin/inera-admin.css +526 -177
  175. package/components/form/textarea/textarea-lit.d.ts +0 -2
  176. package/components/form/textarea/textarea-lit.js +0 -7
  177. 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:center;display:flex;flex-wrap:wrap;gap:1rem}.ids-step .ids-step__button-text{align-items:center;display:flex;flex:1 auto;flex-wrap:wrap;justify-content:space-between}.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-STEP__HEADLINE-FONT-FAMILY);font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.5rem;margin:0}.ids-step .ids-step__chevron{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}}";
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: center;
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: center;
96
- flex: 1 auto;
97
- flex-wrap: wrap;
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
- font-family: var(--IDS-STEP__HEADLINE-FONT-FAMILY);
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
- margin: 0;
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 .875rem;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{flex-direction:column;font-size:1rem;font-weight:400;text-align:center}.ids-tab.ids-tab--has-icon .ids-tab__label,.ids-tab:has(.ids-tab__icon) .ids-tab__label{line-height:2.1875rem;margin-bottom:-.4375rem}.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}";
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;
@@ -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.875rem 1.438rem;
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--light:disabled,.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--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.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{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select.ids-input--light.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[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{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)}";
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;