@inera/ids-design 5.3.0 → 5.4.1

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 (162) hide show
  1. package/components/alert/alert-lit.js +1 -1
  2. package/components/alert/alert.css +48 -48
  3. package/components/alert-global/alert-global-lit.js +1 -1
  4. package/components/alert-global/alert-global.css +68 -92
  5. package/components/badge/badge-lit.js +1 -1
  6. package/components/badge/badge.css +10 -6
  7. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  8. package/components/breadcrumbs/breadcrumbs.css +48 -25
  9. package/components/button-group/button-group-lit.js +1 -1
  10. package/components/button-group/button-group.css +1 -1
  11. package/components/card/card-lit.js +1 -1
  12. package/components/card/card.css +26 -17
  13. package/components/carousel/carousel-item-lit.d.ts +2 -0
  14. package/components/carousel/carousel-item-lit.js +7 -0
  15. package/components/carousel/carousel-item.css +67 -0
  16. package/components/carousel/carousel-lit.d.ts +2 -0
  17. package/components/carousel/carousel-lit.js +7 -0
  18. package/components/carousel/carousel.css +156 -0
  19. package/components/data-table/data-table-lit.js +1 -1
  20. package/components/data-table/data-table.css +28 -28
  21. package/components/date-label/date-label-lit.js +1 -1
  22. package/components/date-label/date-label.css +13 -13
  23. package/components/dialog/dialog-lit.js +1 -1
  24. package/components/dialog/dialog.css +43 -47
  25. package/components/dropdown/dropdown-lit.js +1 -1
  26. package/components/dropdown/dropdown.css +21 -21
  27. package/components/expandable/expandable-lit.js +1 -1
  28. package/components/expandable/expandable.css +38 -37
  29. package/components/footer/footer-lit.js +1 -1
  30. package/components/footer/footer.css +49 -49
  31. package/components/footer-1177/footer-1177-lit.js +1 -1
  32. package/components/footer-1177/footer-1177.css +72 -70
  33. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  34. package/components/footer-1177-admin/footer-1177-admin.css +75 -71
  35. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  36. package/components/footer-1177-pro/footer-1177-pro.css +38 -39
  37. package/components/footer-inera/footer-inera-lit.js +1 -1
  38. package/components/footer-inera/footer-inera.css +84 -84
  39. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  40. package/components/footer-inera-admin/footer-inera-admin.css +111 -110
  41. package/components/form/error-message/error-message-lit.js +1 -1
  42. package/components/form/error-message/error-message.css +9 -9
  43. package/components/form/group/group-lit.js +1 -1
  44. package/components/form/group/group.css +7 -7
  45. package/components/form/range/range-lit.js +1 -1
  46. package/components/form/range/range.css +15 -16
  47. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  48. package/components/form/select-multiple/select-multiple.css +44 -35
  49. package/components/form/spinner/spinner-lit.js +1 -1
  50. package/components/form/spinner/spinner.css +9 -8
  51. package/components/grid/column/column-lit.js +1 -1
  52. package/components/grid/column/column.css +12 -0
  53. package/components/header-1177/composite-header-1177.css +413 -394
  54. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  55. package/components/header-1177/header-1177-avatar.css +42 -34
  56. package/components/header-1177/header-1177-item-lit.js +1 -1
  57. package/components/header-1177/header-1177-item.css +47 -43
  58. package/components/header-1177/header-1177-lit.js +1 -1
  59. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  60. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  61. package/components/header-1177/header-1177-nav-item-mobile.css +39 -40
  62. package/components/header-1177/header-1177-nav-item.css +141 -141
  63. package/components/header-1177/header-1177-nav-lit.js +1 -1
  64. package/components/header-1177/header-1177-nav.css +22 -22
  65. package/components/header-1177/header-1177.css +125 -117
  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.js +1 -1
  68. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +17 -17
  69. package/components/header-1177-admin/header-1177-admin-avatar.css +62 -61
  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 +53 -37
  72. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  73. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  74. package/components/header-1177-admin/header-1177-admin-nav-item.css +149 -149
  75. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  76. package/components/header-1177-admin/header-1177-admin-nav.css +16 -16
  77. package/components/header-1177-admin/header-1177-admin.css +74 -72
  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.js +1 -1
  80. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +18 -17
  81. package/components/header-1177-pro/header-1177-pro-avatar.css +67 -65
  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 +17 -13
  84. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  85. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  86. package/components/header-1177-pro/header-1177-pro-nav-item.css +137 -137
  87. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  88. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  89. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +32 -32
  90. package/components/header-1177-pro/header-1177-pro-nav.css +20 -24
  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 +81 -77
  93. package/components/header-1177-pro/header-1177-pro.css +63 -63
  94. package/components/header-inera/header-inera-item-lit.js +1 -1
  95. package/components/header-inera/header-inera-item.css +15 -12
  96. package/components/header-inera/header-inera-lit.js +1 -1
  97. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  98. package/components/header-inera/header-inera-nav-item.css +37 -50
  99. package/components/header-inera/header-inera-nav-lit.js +1 -1
  100. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  101. package/components/header-inera/header-inera-nav-mobile.css +49 -48
  102. package/components/header-inera/header-inera-nav.css +2 -2
  103. package/components/header-inera/header-inera.css +17 -17
  104. package/components/header-inera-admin/composite-header-inera-admin.css +152 -170
  105. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  106. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  107. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +9 -9
  108. package/components/header-inera-admin/header-inera-admin-avatar.css +22 -21
  109. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  110. package/components/header-inera-admin/header-inera-admin-item.css +11 -11
  111. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  112. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  113. package/components/header-inera-admin/header-inera-admin-nav-item.css +42 -50
  114. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  115. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  116. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +49 -48
  117. package/components/header-inera-admin/header-inera-admin-nav.css +2 -2
  118. package/components/header-inera-admin/header-inera-admin.css +30 -30
  119. package/components/list/list-lit.js +1 -1
  120. package/components/list/list.css +38 -21
  121. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  122. package/components/mobile-menu/mobile-menu.css +413 -408
  123. package/components/navigation/content/navigation-content-lit.js +1 -1
  124. package/components/navigation/content/navigation-content.css +15 -15
  125. package/components/navigation/local/navigation-local-lit.js +1 -1
  126. package/components/navigation/local/navigation-local.css +13 -13
  127. package/components/notification-badge/notification-badge-lit.js +1 -1
  128. package/components/notification-badge/notification-badge.css +2 -2
  129. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  130. package/components/pagination/data-pagination/data-pagination.css +23 -23
  131. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  132. package/components/pagination/list-pagination/list-pagination.css +32 -29
  133. package/components/popover/popover-content-lit.js +1 -1
  134. package/components/popover/popover-content.css +74 -82
  135. package/components/progressbar/progressbar-lit.js +1 -1
  136. package/components/progressbar/progressbar.css +12 -12
  137. package/components/side-menu/side-menu-lit.js +1 -1
  138. package/components/side-menu/side-menu.css +32 -32
  139. package/components/side-panel/side-panel-lit.js +1 -1
  140. package/components/side-panel/side-panel.css +83 -101
  141. package/components/stepper/stepper-lit.js +1 -1
  142. package/components/stepper/stepper.css +28 -24
  143. package/components/table/table.css +5 -5
  144. package/components/tabs/tab-lit.js +1 -1
  145. package/components/tabs/tab-panel-lit.js +1 -1
  146. package/components/tabs/tab-panel.css +2 -2
  147. package/components/tabs/tab.css +24 -24
  148. package/components/tabs/tabs-lit.js +2 -2
  149. package/components/tabs/tabs.css +6 -6
  150. package/components/tag/tag-lit.js +1 -1
  151. package/components/tag/tag.css +19 -43
  152. package/components/tooltip/tooltip-lit.js +1 -1
  153. package/components/tooltip/tooltip.css +11 -14
  154. package/global/_partials.css +1 -1
  155. package/global/global.css +404 -356
  156. package/global/util/util.css +7 -5
  157. package/package.json +1 -1
  158. package/themes/1177/1177.css +812 -822
  159. package/themes/1177-pro/1177-pro.css +912 -929
  160. package/themes/inera/inera.css +812 -858
  161. package/themes/inera-admin/inera-admin.css +860 -934
  162. package/themes/reset.css +1 -1
package/components/header-inera-admin/header-inera-admin-avatar-lit.js CHANGED
@@ -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-header-inera-admin-avatar{position:relative}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__inner{box-sizing:border-box;flex-direction:row-reverse;padding:10px 0 10px 40px}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:0;position:relative}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button:before{background-color:var(--IDS-COLOR-NEUTRAL-90);bottom:0;content:\"\";left:-40px;position:absolute;top:0;width:1px}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button-main{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin-right:16px}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron{align-self:center}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron-icon{transform:rotate(90deg)}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron-icon.ids-header-inera-admin-avatar--expanded{transform:rotate(270deg)}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__username{font-feature-settings:normal;color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_1);font-kerning:auto;font-optical-sizing:auto;font-size:16px;font-weight:400;letter-spacing:1px;line-height:23px;margin-right:10px;max-width:130px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__unit{color:var(--IDS-COLOR-NEUTRAL-20);display:none;font-family:var(--font-family_1);font-size:14px;font-weight:400;line-height:22px;max-width:130px;overflow:hidden;pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu{background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.3);box-sizing:border-box;margin-top:15px;padding:30px 40px;position:absolute;right:-12px;top:100%;width:max-content}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu a{width:100%}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>div,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>hr,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>ids-link,.ids-header-inera-admin-avatar ::slotted([slot=avatar-menu]){display:block!important;margin-bottom:20px!important}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>div:last-child,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>hr:last-child,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>ids-link:last-child,.ids-header-inera-admin-avatar ::slotted([slot=avatar-menu]:last-child){margin-bottom:0!important}@media (min-width:1024px){.ids-header-inera-admin-avatar,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__unit{display:block}}@media (max-width:1024px){.ids-header-inera-admin-avatar{display:none}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive{display:block}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__inner{margin-bottom:4px}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__unit{display:block}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-avatar{position:relative}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__inner{box-sizing:border-box;flex-direction:row-reverse;padding:.625rem 0 .625rem 2.5rem}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:0;position:relative}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button:before{background-color:var(--IDS-COLOR-NEUTRAL-90);bottom:0;content:\"\";left:-2.5rem;position:absolute;top:0;width:.063rem}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button-main{box-sizing:border-box;display:flex;flex-direction:column;font-size:1rem;justify-content:space-between;margin-right:1rem}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron{align-self:center}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron-icon{transform:rotate(90deg)}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron-icon.ids-header-inera-admin-avatar--expanded{transform:rotate(270deg)}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__username{font-feature-settings:normal;color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE);font-kerning:auto;font-optical-sizing:auto;font-size:1rem;font-weight:400;letter-spacing:.063rem;line-height:1.438rem;margin-right:.625rem;max-width:8.125rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__unit{color:var(--IDS-COLOR-NEUTRAL-20);display:none;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-weight:400;line-height:1.375rem;max-width:8.125rem;overflow:hidden;pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .375rem rgba(0,0,0,.3);box-sizing:border-box;margin-top:.938rem;padding:1.875rem 2.5rem;position:absolute;right:-.75rem;top:100%;width:max-content}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu a{width:100%}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>div,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>hr,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>ids-link,.ids-header-inera-admin-avatar ::slotted([slot=avatar-menu]){display:block!important;margin-bottom:1.25rem!important}.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>div:last-child,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>hr:last-child,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu>ids-link:last-child,.ids-header-inera-admin-avatar ::slotted([slot=avatar-menu]:last-child){margin-bottom:0!important}@media (min-width:1024px){.ids-header-inera-admin-avatar,.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__unit{display:block}}@media (max-width:1024px){.ids-header-inera-admin-avatar{display:none}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive{display:block}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__inner{margin-bottom:.25rem}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__unit{display:block}}";
4
4
 
5
5
  var headerIneraAdminAvatarLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js CHANGED
@@ -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-header-inera-admin-avatar-mobile{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-top:1px;padding:12px 20px;width:100%}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__user-info{color:var(--IDS-COLOR-NEUTRAL-20);display:block;font-family:var(--font-family_1);font-weight:400;margin:0 0 15px;text-align:left}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__username{font-size:16px;line-height:24px}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__unit{font-size:14px}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links a{width:100%}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links>div,.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links>hr,.ids-header-inera-admin-avatar-mobile ::slotted(*){display:block;margin-bottom:20px!important}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links>div:last-child,.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links>hr:last-child,.ids-header-inera-admin-avatar-mobile ::slotted(:last-child){margin-bottom:0!important}@media (min-width:1024px){.ids-header-inera-admin-avatar-mobile{display:none}}@media (max-width:1024px){.ids-header-inera-admin-avatar-mobile{display:flex}.ids-header-inera-admin-avatar-mobile.ids-header-inera-admin-avatar-mobile--unresponsive{display:none}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-avatar-mobile{background-color:var(--IDS-COLOR-NEUTRAL-100);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-top:.0625rem;padding:.75rem 1.25rem;width:100%}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__user-info{color:var(--IDS-COLOR-NEUTRAL-20);display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-weight:400;margin:0 0 .9375rem;text-align:left}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__username{font-size:1rem;line-height:1.5rem}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__unit{font-size:.875rem}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links a{width:100%}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links>div,.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links>hr,.ids-header-inera-admin-avatar-mobile ::slotted(*){display:block;margin-bottom:1.25rem!important}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links>div:last-child,.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links>hr:last-child,.ids-header-inera-admin-avatar-mobile ::slotted(:last-child){margin-bottom:0!important}@media (min-width:1024px){.ids-header-inera-admin-avatar-mobile{display:none}}@media (max-width:1024px){.ids-header-inera-admin-avatar-mobile{display:flex}.ids-header-inera-admin-avatar-mobile.ids-header-inera-admin-avatar-mobile--unresponsive{display:none}}";
4
4
 
5
5
  var headerIneraAdminAvatarMobileLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-inera-admin/header-inera-admin-avatar-mobile.css CHANGED
@@ -12,28 +12,28 @@
12
12
 
13
13
  .ids-header-inera-admin-avatar-mobile {
14
14
  width: 100%;
15
- padding: 12px 20px;
15
+ padding: 0.75rem 1.25rem;
16
16
  box-sizing: border-box;
17
17
  display: flex;
18
18
  flex-direction: column;
19
19
  flex-grow: 1;
20
- background-color: white;
21
- margin-top: 1px;
20
+ background-color: var(--IDS-COLOR-NEUTRAL-100);
21
+ margin-top: 0.0625rem;
22
22
  }
23
23
  .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__user-info {
24
- font-family: var(--font-family_1);
24
+ font-family: var(--IDS-FONT-FAMILY-BASE);
25
25
  color: var(--IDS-COLOR-NEUTRAL-20);
26
26
  font-weight: 400;
27
27
  text-align: left;
28
28
  display: block;
29
- margin: 0 0 15px 0;
29
+ margin: 0 0 0.9375rem 0;
30
30
  }
31
31
  .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__username {
32
- font-size: 16px;
33
- line-height: 24px;
32
+ font-size: 1rem;
33
+ line-height: 1.5rem;
34
34
  }
35
35
  .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__unit {
36
- font-size: 14px;
36
+ font-size: 0.875rem;
37
37
  }
38
38
  .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links a {
39
39
  width: 100%;
@@ -41,7 +41,7 @@
41
41
  .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links > div,
42
42
  .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links > hr,
43
43
  .ids-header-inera-admin-avatar-mobile ::slotted(*) {
44
- margin-bottom: 20px !important;
44
+ margin-bottom: 1.25rem !important;
45
45
  display: block;
46
46
  }
47
47
  .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__links > div:last-child,
package/components/header-inera-admin/header-inera-admin-avatar.css CHANGED
@@ -15,7 +15,7 @@
15
15
  }
16
16
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__inner {
17
17
  flex-direction: row-reverse;
18
- padding: 10px 0 10px 40px;
18
+ padding: 0.625rem 0 0.625rem 2.5rem;
19
19
  box-sizing: border-box;
20
20
  }
21
21
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button {
@@ -31,18 +31,19 @@
31
31
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button::before {
32
32
  content: "";
33
33
  background-color: var(--IDS-COLOR-NEUTRAL-90);
34
- width: 1px;
34
+ width: 0.063rem;
35
35
  position: absolute;
36
36
  top: 0;
37
37
  bottom: 0;
38
- left: -40px;
38
+ left: -2.5rem;
39
39
  }
40
40
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__button-main {
41
+ font-size: 1rem;
41
42
  box-sizing: border-box;
42
43
  display: flex;
43
44
  flex-direction: column;
44
45
  justify-content: space-between;
45
- margin-right: 16px;
46
+ margin-right: 1rem;
46
47
  }
47
48
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__chevron {
48
49
  align-self: center;
@@ -54,16 +55,16 @@
54
55
  transform: rotate(270deg);
55
56
  }
56
57
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__username {
57
- font-family: var(--font-family_1);
58
- font-size: 16px;
59
- line-height: 23px;
58
+ font-family: var(--IDS-FONT-FAMILY-BASE);
59
+ font-size: 1rem;
60
+ line-height: 1.438rem;
60
61
  color: var(--IDS-COLOR-NEUTRAL-20);
61
62
  font-weight: 400;
62
- letter-spacing: 1px;
63
- margin-right: 10px;
63
+ letter-spacing: 0.063rem;
64
+ margin-right: 0.625rem;
64
65
  text-align: left;
65
66
  overflow: hidden;
66
- max-width: 130px;
67
+ max-width: 8.125rem;
67
68
  white-space: nowrap;
68
69
  text-overflow: ellipsis;
69
70
  font-feature-settings: normal;
@@ -71,15 +72,15 @@
71
72
  font-optical-sizing: auto;
72
73
  }
73
74
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__unit {
74
- font-family: var(--font-family_1);
75
+ font-family: var(--IDS-FONT-FAMILY-BASE);
75
76
  color: var(--IDS-COLOR-NEUTRAL-20);
76
77
  font-weight: 400;
77
- font-size: 14px;
78
- line-height: 22px;
78
+ font-size: 0.875rem;
79
+ line-height: 1.375rem;
79
80
  pointer-events: none;
80
81
  text-align: left;
81
82
  overflow: hidden;
82
- max-width: 130px;
83
+ max-width: 8.125rem;
83
84
  white-space: nowrap;
84
85
  text-overflow: ellipsis;
85
86
  display: none;
@@ -87,13 +88,13 @@
87
88
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu {
88
89
  position: absolute;
89
90
  box-sizing: border-box;
90
- margin-top: 15px;
91
+ margin-top: 0.938rem;
91
92
  width: max-content;
92
93
  top: 100%;
93
- right: -12px;
94
- background-color: white;
95
- padding: 30px 40px;
96
- box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
94
+ right: -0.75rem;
95
+ background-color: var(--IDS-COLOR-NEUTRAL-100);
96
+ padding: 1.875rem 2.5rem;
97
+ box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.3);
97
98
  }
98
99
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu a {
99
100
  width: 100%;
@@ -103,7 +104,7 @@
103
104
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu > ids-link,
104
105
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu > hr {
105
106
  display: block !important;
106
- margin-bottom: 20px !important;
107
+ margin-bottom: 1.25rem !important;
107
108
  }
108
109
  .ids-header-inera-admin-avatar ::slotted([slot=avatar-menu]:last-child),
109
110
  .ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu > div:last-child,
@@ -127,7 +128,7 @@
127
128
  display: block;
128
129
  }
129
130
  .ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__inner {
130
- margin-bottom: 4px;
131
+ margin-bottom: 0.25rem;
131
132
  }
132
133
  .ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__unit {
133
134
  display: block;
package/components/header-inera-admin/header-inera-admin-item-lit.js CHANGED
@@ -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-header-inera-admin-item{align-items:center;display:none;margin-right:16px;padding:16px 8px;position:relative}.ids-header-inera-admin-item.ids-header-inera-admin-item--mobile{display:flex}.ids-header-inera-admin-item a{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.ids-header-inera-admin-item .ids-header-inera-admin-item__text{color:var(--IDS-COLOR-NEUTRAL-20);display:none;font-family:var(--font-family_1)!important;font-size:1rem!important;font-weight:600!important;margin-left:8px;text-decoration:none}.ids-header-inera-admin-item .ids-header-inera-admin-item__icon{display:flex}.ids-header-inera-admin-item ::slotted(:not([slot=icon])){bottom:0;cursor:pointer!important;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.ids-header-inera-admin-item:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}@media (min-width:1024px){.ids-header-inera-admin-item,.ids-header-inera-admin-item .ids-header-inera-admin-item__text{display:flex}.ids-header-inera-admin-item.ids-header-inera-admin-item__separator{margin-left:28px}.ids-header-inera-admin-item.ids-header-inera-admin-item__separator:after{background-color:var(--IDS-COLOR-NEUTRAL-90);border-left:11px solid #fff;border-right:11px solid #fff;bottom:0;content:\"\";left:-33px;position:absolute;top:0;width:1px}}@media (max-width:1024px){.ids-header-inera-admin-item.ids-header-inera-admin-item--unresponsive,.ids-header-inera-admin-item.ids-header-inera-admin-item--unresponsive .ids-header-inera-admin-item__text{display:flex}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-item{align-items:center;display:none;margin-right:1rem;padding:1rem .5rem;position:relative}.ids-header-inera-admin-item.ids-header-inera-admin-item--mobile{display:flex}.ids-header-inera-admin-item a{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.ids-header-inera-admin-item .ids-header-inera-admin-item__text{color:var(--IDS-COLOR-NEUTRAL-20);display:none;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-weight:600!important;margin-left:.5rem;text-decoration:none}.ids-header-inera-admin-item .ids-header-inera-admin-item__icon{display:flex}.ids-header-inera-admin-item ::slotted(:not([slot=icon])){bottom:0;cursor:pointer!important;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.ids-header-inera-admin-item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}@media (min-width:1024px){.ids-header-inera-admin-item,.ids-header-inera-admin-item .ids-header-inera-admin-item__text{display:flex}.ids-header-inera-admin-item.ids-header-inera-admin-item__separator{margin-left:1.75rem}.ids-header-inera-admin-item.ids-header-inera-admin-item__separator:after{background-color:var(--IDS-COLOR-NEUTRAL-90);border-left:.688rem solid var(--IDS-COLOR-NEUTRAL-100);border-right:.688rem solid var(--IDS-COLOR-NEUTRAL-100);bottom:0;content:\"\";left:-2.063rem;position:absolute;top:0;width:.063rem}}@media (max-width:1024px){.ids-header-inera-admin-item.ids-header-inera-admin-item--unresponsive,.ids-header-inera-admin-item.ids-header-inera-admin-item--unresponsive .ids-header-inera-admin-item__text{display:flex}}";
4
4
 
5
5
  var headerIneraAdminItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-inera-admin/header-inera-admin-item.css CHANGED
@@ -13,8 +13,8 @@
13
13
  .ids-header-inera-admin-item {
14
14
  position: relative;
15
15
  align-items: center;
16
- margin-right: 16px;
17
- padding: 16px 8px;
16
+ margin-right: 1rem;
17
+ padding: 1rem 0.5rem;
18
18
  display: none;
19
19
  }
20
20
  .ids-header-inera-admin-item.ids-header-inera-admin-item--mobile {
@@ -32,10 +32,10 @@
32
32
  display: none;
33
33
  text-decoration: none;
34
34
  font-weight: 600 !important;
35
- font-family: var(--font-family_1) !important;
35
+ font-family: var(--IDS-FONT-FAMILY-BASE) !important;
36
36
  font-size: 1rem !important;
37
37
  color: var(--IDS-COLOR-NEUTRAL-20);
38
- margin-left: 8px;
38
+ margin-left: 0.5rem;
39
39
  }
40
40
  .ids-header-inera-admin-item .ids-header-inera-admin-item__icon {
41
41
  display: flex;
@@ -51,8 +51,8 @@
51
51
  z-index: 1;
52
52
  }
53
53
  .ids-header-inera-admin-item:focus-within {
54
- outline: var(--focus_outline);
55
- outline-offset: var(--focus_outline-offset);
54
+ outline: var(--IDS-FOCUS__OUTLINE);
55
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
56
56
  }
57
57
  @media all and (min-width: 1024px) {
58
58
  .ids-header-inera-admin-item {
@@ -62,18 +62,18 @@
62
62
  display: flex;
63
63
  }
64
64
  .ids-header-inera-admin-item.ids-header-inera-admin-item__separator {
65
- margin-left: 28px;
65
+ margin-left: 1.75rem;
66
66
  }
67
67
  .ids-header-inera-admin-item.ids-header-inera-admin-item__separator::after {
68
68
  content: "";
69
69
  background-color: var(--IDS-COLOR-NEUTRAL-90);
70
- width: 1px;
70
+ width: 0.063rem;
71
71
  position: absolute;
72
72
  top: 0;
73
73
  bottom: 0;
74
- border-left: 11px solid #fff;
75
- border-right: 11px solid #fff;
76
- left: -33px;
74
+ border-left: 0.688rem solid var(--IDS-COLOR-NEUTRAL-100);
75
+ border-right: 0.688rem solid var(--IDS-COLOR-NEUTRAL-100);
76
+ left: -2.063rem;
77
77
  }
78
78
  }
79
79
  @media all and (max-width: 1024px) {
package/components/header-inera-admin/header-inera-admin-lit.js CHANGED
@@ -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-header-inera-admin{box-shadow:0 0 10px rgba(0,0,0,.3);display:flex;flex-direction:column;padding:0 16px;position:relative;z-index:3}.ids-header-inera-admin .ids-header-inera-admin__skip-to-content ::slotted(a),.ids-header-inera-admin .ids-header-inera-admin__skip-to-content a{align-items:center;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.3);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK--FONT-FAMILY);font-size:16px;height:48px;justify-content:center;left:0;padding:0 16px;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10}.ids-header-inera-admin .ids-header-inera-admin__skip-to-content ::slotted(a:focus),.ids-header-inera-admin .ids-header-inera-admin__skip-to-content a:focus{color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);outline-offset:-8px!important;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ids-header-inera-admin .ids-header-inera-admin__inner{align-items:center;background-color:var(--IDS-COLOR-BACKGROUND);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);min-height:48px;width:100%;z-index:2}.ids-header-inera-admin .ids-header-inera-admin__brand-text,.ids-header-inera-admin .ids-header-inera-admin__brand-text-slot a,.ids-header-inera-admin ::slotted([slot=brand-text]){color:var(--IDS-COLOR-PRIMARY-40);display:block;display:inline-block;font-family:var(--font-family_2);font-size:16px;font-style:normal;font-weight:600;line-height:16px;margin:0;overflow:hidden;text-align:left;text-decoration:none;text-overflow:ellipsis}.ids-header-inera-admin .ids-header-inera-admin__service-name{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_1);font-size:10px;font-style:normal;font-weight:400;line-height:12px;margin:0;padding:0}.ids-header-inera-admin .ids-header-inera-admin__items{align-items:center;display:flex;flex-wrap:wrap}.ids-header-inera-admin.ids-header-inera-admin--fluid .ids-header-inera-admin__inner{margin-left:0;margin-right:0;max-width:none}@media (min-width:1024px){.ids-header-inera-admin{padding:0 88px}.ids-header-inera-admin .ids-header-inera-admin__inner{min-height:90px}.ids-header-inera-admin .ids-header-inera-admin__brand-text,.ids-header-inera-admin .ids-header-inera-admin__brand-text-slot a,.ids-header-inera-admin ::slotted([slot=brand-text]){font-size:30px;line-height:45px;margin:0 0 -3px}.ids-header-inera-admin .ids-header-inera-admin__service-name{font-size:14px;line-height:20px;margin:0;padding:0}}@media (max-width:1024px){.ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__inner{min-height:90px}.ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__brand-text,.ids-header-inera-admin.ids-header-inera-admin--unresponsive ::slotted([slot=brand-text]){font-size:1.875rem!important;line-height:40px;margin-bottom:-3px}.ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__service-name{font-size:14px;line-height:20px;margin:0;padding:0}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin{box-shadow:0 0 .625rem rgba(0,0,0,.3);display:flex;flex-direction:column;padding:0 1rem;position:relative;z-index:3}.ids-header-inera-admin .ids-header-inera-admin__skip-to-content ::slotted(a),.ids-header-inera-admin .ids-header-inera-admin__skip-to-content a{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10}.ids-header-inera-admin .ids-header-inera-admin__skip-to-content ::slotted(a:focus),.ids-header-inera-admin .ids-header-inera-admin__skip-to-content a:focus{color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);outline-offset:-.375rem!important;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ids-header-inera-admin .ids-header-inera-admin__inner{align-items:center;background-color:var(--IDS-COLOR-BACKGROUND);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:3rem;width:100%;z-index:2}.ids-header-inera-admin .ids-header-inera-admin__brand-text,.ids-header-inera-admin .ids-header-inera-admin__brand-text-slot a,.ids-header-inera-admin ::slotted([slot=brand-text]){color:var(--IDS-COLOR-PRIMARY-40);display:block;display:inline-block;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1rem;font-style:normal;font-weight:600;line-height:1rem;margin:0;overflow:hidden;text-align:left;text-decoration:none;text-overflow:ellipsis}.ids-header-inera-admin .ids-header-inera-admin__service-name{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.625rem;font-style:normal;font-weight:400;line-height:.75rem;margin:0;padding:0}.ids-header-inera-admin .ids-header-inera-admin__items{align-items:center;display:flex;flex-wrap:wrap}.ids-header-inera-admin.ids-header-inera-admin--fluid .ids-header-inera-admin__inner{margin-left:0;margin-right:0;max-width:none}@media (min-width:1024px){.ids-header-inera-admin{padding:0 5.5rem}.ids-header-inera-admin .ids-header-inera-admin__inner{min-height:5.625rem}.ids-header-inera-admin .ids-header-inera-admin__brand-text,.ids-header-inera-admin .ids-header-inera-admin__brand-text-slot a,.ids-header-inera-admin ::slotted([slot=brand-text]){font-size:1.875rem;line-height:2.8125rem;margin:0 0 -.1875rem}.ids-header-inera-admin .ids-header-inera-admin__service-name{font-size:.875rem;line-height:1.25rem;margin:0;padding:0}}@media (max-width:1024px){.ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__inner{min-height:5.625rem}.ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__brand-text,.ids-header-inera-admin.ids-header-inera-admin--unresponsive ::slotted([slot=brand-text]){font-size:1.875rem!important;line-height:2.5rem;margin-bottom:-.1875rem}.ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__service-name{font-size:.875rem;line-height:1.25rem;margin:0;padding:0}}";
4
4
 
5
5
  var headerIneraAdminLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-inera-admin/header-inera-admin-nav-item-lit.js CHANGED
@@ -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-header-inera-admin-nav-item{display:none}.ids-header-inera-admin-nav-item ::slotted(.ids-link),.ids-header-inera-admin-nav-item ::slotted(a){bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.ids-header-inera-admin-nav-item .ids-notification-badge,.ids-header-inera-admin-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:3px;position:relative;top:-2px}.ids-header-inera-admin-nav-item.ids-header-inera-admin-nav-item--unresponsive{display:block}.ids-header-inera-admin-nav-item:focus-within .ids-header-inera-admin-nav-item__link{outline:var(--focus_outline);outline-offset:-5px}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link{background-color:transparent;border:0;color:var(--IDS-COLOR-NEUTRAL-20);cursor:pointer;display:block;font-family:var(--font-family_2);font-size:18px;font-weight:600;line-height:24px;outline-offset:-2px!important;padding:8px 10px;position:relative;text-decoration:none}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button a,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link a{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_2);text-decoration:none}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button a:focus,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link a:focus{outline:none}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--active,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__link--active,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--active,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__link--active{background-color:var(--header-nav-item-active_background-color)}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--active:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__link--active:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--active:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__link--active:after{right:0;width:auto}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--expanded,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--expanded{background-color:var(--header-nav-item-expanded_background-color);border:var(--header-nav-item-expanded_border)!important;color:var(--header-nav-item-expanded_color)}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--expanded:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--expanded:after{right:0;width:auto}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:after{background:var(--header-nav-item-after_background);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:hover,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:hover{border:var(--header-nav-item-hover_border);text-decoration:none}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:hover:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:hover:after{right:0;width:auto}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.focus-within:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:focus-visible:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:focus:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.focus-within:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:focus-visible:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:focus:after{right:0;width:auto}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:focus-visible:focus,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:focus-visible:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content{box-shadow:0 4px 8px 0 rgba(53,53,53,.2);box-sizing:border-box;display:flex;left:0;min-height:173px;overflow:hidden;padding:40px 16px 50px;position:absolute;right:0;top:101%;width:100%;z-index:20}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-inner{display:flex;margin:0 auto;max-width:var(--IDS_MAX-WIDTH);width:100%}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-inner.ids-header-inera-admin-nav-item__content-inner--fluid{max-width:none}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-col{flex:0 25%}.ids-header-inera-admin-nav-item ::slotted([slot=col-1]),.ids-header-inera-admin-nav-item ::slotted([slot=col-2]),.ids-header-inera-admin-nav-item ::slotted([slot=col-3]),.ids-header-inera-admin-nav-item ::slotted([slot=col-4]){border-bottom:var(--header-nav-item-link_border-bottom);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}.ids-header-inera-admin-nav-item ::slotted([slot=col-1]) a,.ids-header-inera-admin-nav-item ::slotted([slot=col-2]) a,.ids-header-inera-admin-nav-item ::slotted([slot=col-3]) a,.ids-header-inera-admin-nav-item ::slotted([slot=col-4]) a{display:block}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-col>div{border-bottom:var(--header-nav-item-link_border-bottom);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav-item{display:flex}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content{padding:40px 88px 50px}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav-item .nav-item{font-size:1.0625rem!important}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-nav-item{display:none}.ids-header-inera-admin-nav-item ::slotted(.ids-link),.ids-header-inera-admin-nav-item ::slotted(a){bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.ids-header-inera-admin-nav-item .ids-notification-badge,.ids-header-inera-admin-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:.188rem;position:relative;top:-.125rem}.ids-header-inera-admin-nav-item.ids-header-inera-admin-nav-item--unresponsive{display:block}.ids-header-inera-admin-nav-item:focus-within .ids-header-inera-admin-nav-item__link{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.313rem}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link{background-color:transparent;border:0;color:var(--IDS-COLOR-NEUTRAL-20);cursor:pointer;display:block;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.125rem;font-weight:600;line-height:1.5rem;outline-offset:-.125rem!important;padding:.5rem .625rem;position:relative;text-decoration:none}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button a,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link a{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-HEADING);text-decoration:none}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button a:focus,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link a:focus{outline:none}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--active:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__link--active:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--active:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__link--active:after{right:0;width:auto}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--expanded,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--expanded{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--expanded:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--expanded:after{right:0;width:auto}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:hover,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:hover{text-decoration:none}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:hover:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:hover:after{right:0;width:auto}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.focus-within:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:focus-visible:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:focus:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.focus-within:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:focus-visible:after,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:focus:after{right:0;width:auto}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:focus-visible:focus,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:focus-visible:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content{box-shadow:0 .25rem .5rem 0 rgba(53,53,53,.2);box-sizing:border-box;display:flex;left:0;min-height:10.813rem;overflow:hidden;padding:2.5rem 1rem 3.125rem;position:absolute;right:0;top:101%;width:100%;z-index:20}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-inner{display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);width:100%}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-inner.ids-header-inera-admin-nav-item__content-inner--fluid{max-width:none}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-col{flex:0 25%}.ids-header-inera-admin-nav-item ::slotted([slot=col-1]),.ids-header-inera-admin-nav-item ::slotted([slot=col-2]),.ids-header-inera-admin-nav-item ::slotted([slot=col-3]){border-bottom:.063rem solid #ddd7d3;display:block;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-col:first-child .ids-link,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-col:nth-child(2) .ids-link,.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-col:nth-child(3) .ids-link{border-bottom:.063rem solid #ddd7d3;display:block;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__separator{background-color:.063rem solid #ddd7d3;height:.063rem;width:100%}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav-item{display:flex}.ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content{padding:2.5rem 5.5rem 3.125rem}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav-item .nav-item{font-size:1.0625rem!important}}";
4
4
 
5
5
  var headerIneraAdminNavItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-inera-admin/header-inera-admin-nav-item.css CHANGED
@@ -14,7 +14,7 @@
14
14
  * BUTTONS
15
15
  ********/
16
16
  /*******
17
- * SCROLLBAR
17
+ * SCROLLBARS
18
18
  ********/
19
19
  /*******
20
20
  * FORM
@@ -36,30 +36,30 @@
36
36
  }
37
37
  .ids-header-inera-admin-nav-item ids-notification-badge,
38
38
  .ids-header-inera-admin-nav-item .ids-notification-badge {
39
- margin-left: 3px;
39
+ margin-left: 0.188rem;
40
40
  display: inline-flex;
41
41
  height: 0;
42
42
  position: relative;
43
- top: -2px;
43
+ top: -0.125rem;
44
44
  }
45
45
  .ids-header-inera-admin-nav-item.ids-header-inera-admin-nav-item--unresponsive {
46
46
  display: block;
47
47
  }
48
48
  .ids-header-inera-admin-nav-item:focus-within .ids-header-inera-admin-nav-item__link {
49
- outline: var(--focus_outline);
50
- outline-offset: -5px;
49
+ outline: var(--IDS-FOCUS__OUTLINE);
50
+ outline-offset: -0.313rem;
51
51
  }
52
52
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button,
53
53
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link {
54
54
  display: block;
55
55
  position: relative;
56
- padding: 8px 10px;
57
- outline-offset: -2px !important;
56
+ padding: 0.5rem 0.625rem;
57
+ outline-offset: -0.125rem !important;
58
58
  text-decoration: none;
59
- font-size: 18px;
60
- line-height: 24px;
59
+ font-size: 1.125rem;
60
+ line-height: 1.5rem;
61
61
  font-weight: 600;
62
- font-family: var(--font-family_2);
62
+ font-family: var(--IDS-FONT-FAMILY-HEADING);
63
63
  color: var(--IDS-COLOR-NEUTRAL-20);
64
64
  background-color: transparent;
65
65
  border: 0;
@@ -67,7 +67,7 @@
67
67
  }
68
68
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button a,
69
69
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link a {
70
- font-family: var(--font-family_2);
70
+ font-family: var(--IDS-FONT-FAMILY-HEADING);
71
71
  color: var(--IDS-COLOR-NEUTRAL-20);
72
72
  text-decoration: none;
73
73
  }
@@ -75,11 +75,6 @@
75
75
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link a:focus {
76
76
  outline: none;
77
77
  }
78
- .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--active, .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__link--active,
79
- .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--active,
80
- .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__link--active {
81
- background-color: var(--header-nav-item-active_background-color);
82
- }
83
78
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--active:after, .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__link--active:after,
84
79
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--active:after,
85
80
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__link--active:after {
@@ -88,9 +83,7 @@
88
83
  }
89
84
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--expanded,
90
85
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--expanded {
91
- background-color: var(--header-nav-item-expanded_background-color);
92
- border: var(--header-nav-item-expanded_border) !important;
93
- color: var(--header-nav-item-expanded_color);
86
+ color: var(--IDS-COLOR-NEUTRAL-20);
94
87
  }
95
88
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button.ids-header-inera-admin-nav-item__button--expanded:after,
96
89
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link.ids-header-inera-admin-nav-item__button--expanded:after {
@@ -100,21 +93,20 @@
100
93
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:after,
101
94
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:after {
102
95
  content: "";
103
- background: var(--header-nav-item-after_background);
96
+ background: var(--IDS-COLOR-PRIMARY-40);
104
97
  display: block;
105
- height: 5px;
98
+ height: 0.313rem;
106
99
  left: 0;
107
100
  right: 100%;
108
101
  bottom: 0;
109
102
  position: absolute;
110
103
  transition: all 0.3s ease;
111
104
  width: 0;
112
- margin-left: 10px;
113
- margin-right: 10px;
105
+ margin-left: 0.625rem;
106
+ margin-right: 0.625rem;
114
107
  }
115
108
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:hover,
116
109
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:hover {
117
- border: var(--header-nav-item-hover_border);
118
110
  text-decoration: none;
119
111
  }
120
112
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:hover:after,
@@ -131,25 +123,25 @@
131
123
  }
132
124
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button:focus-visible:focus,
133
125
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link:focus-visible:focus {
134
- outline: var(--IDS-FOCUS_OUTLINE);
135
- outline-offset: -2px !important;
126
+ outline: var(--IDS-FOCUS__OUTLINE);
127
+ outline-offset: -0.125rem !important;
136
128
  }
137
129
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content {
138
130
  left: 0;
139
131
  right: 0;
140
132
  top: 101%;
141
- min-height: 173px;
133
+ min-height: 10.813rem;
142
134
  overflow: hidden;
143
- padding: 40px 16px 50px;
135
+ padding: 2.5rem 1rem 3.125rem;
144
136
  position: absolute;
145
137
  width: 100%;
146
138
  z-index: 20;
147
139
  display: flex;
148
140
  box-sizing: border-box;
149
- box-shadow: 0 4px 8px 0 rgba(53, 53, 53, 0.2);
141
+ box-shadow: 0 0.25rem 0.5rem 0 rgba(53, 53, 53, 0.2);
150
142
  }
151
143
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-inner {
152
- max-width: var(--IDS_MAX-WIDTH);
144
+ max-width: var(--IDS__MAX-WIDTH);
153
145
  margin: 0 auto;
154
146
  width: 100%;
155
147
  display: flex;
@@ -162,37 +154,37 @@
162
154
  }
163
155
  .ids-header-inera-admin-nav-item ::slotted([slot=col-1]),
164
156
  .ids-header-inera-admin-nav-item ::slotted([slot=col-2]),
165
- .ids-header-inera-admin-nav-item ::slotted([slot=col-3]),
166
- .ids-header-inera-admin-nav-item ::slotted([slot=col-4]) {
157
+ .ids-header-inera-admin-nav-item ::slotted([slot=col-3]) {
167
158
  display: block;
168
- margin-bottom: 10px;
169
- padding-bottom: 10px;
170
- margin-right: 40px;
159
+ margin-bottom: 0.625rem;
160
+ padding-bottom: 0.625rem;
161
+ margin-right: 2.5rem;
171
162
  font-size: 1rem;
172
- line-height: 24px;
173
- border-bottom: var(--header-nav-item-link_border-bottom);
174
- }
175
- .ids-header-inera-admin-nav-item ::slotted([slot=col-1]) a,
176
- .ids-header-inera-admin-nav-item ::slotted([slot=col-2]) a,
177
- .ids-header-inera-admin-nav-item ::slotted([slot=col-3]) a,
178
- .ids-header-inera-admin-nav-item ::slotted([slot=col-4]) a {
179
- display: block;
163
+ line-height: 1.5rem;
164
+ border-bottom: 0.063rem solid #ddd7d3;
180
165
  }
181
- .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-col > div {
166
+ .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-col:nth-child(1) .ids-link,
167
+ .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-col:nth-child(2) .ids-link,
168
+ .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content-col:nth-child(3) .ids-link {
182
169
  display: block;
183
- margin-bottom: 10px;
184
- padding-bottom: 10px;
185
- margin-right: 40px;
170
+ margin-bottom: 0.625rem;
171
+ padding-bottom: 0.625rem;
172
+ margin-right: 2.5rem;
186
173
  font-size: 1rem;
187
- line-height: 24px;
188
- border-bottom: var(--header-nav-item-link_border-bottom);
174
+ line-height: 1.5rem;
175
+ border-bottom: 0.063rem solid #ddd7d3;
176
+ }
177
+ .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__separator {
178
+ height: 0.063rem;
179
+ width: 100%;
180
+ background-color: 0.063rem solid #ddd7d3;
189
181
  }
190
182
  @media only screen and (min-width: 1024px) {
191
183
  .ids-header-inera-admin-nav-item {
192
184
  display: flex;
193
185
  }
194
186
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__content {
195
- padding: 40px 88px 50px;
187
+ padding: 2.5rem 5.5rem 3.125rem;
196
188
  }
197
189
  }
198
190
  @media only screen and (max-width: 1024px) {
package/components/header-inera-admin/header-inera-admin-nav-lit.js CHANGED
@@ -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-header-inera-admin-nav{border-top:1px solid var(--IDS-COLOR-NEUTRAL-90);box-sizing:border-box;display:flex;flex:1 1 auto;flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);width:100%}.ids-header-inera-admin-nav .ids-header-inera-admin-nav__nav-items{display:flex;flex-wrap:wrap}.ids-header-inera-admin-nav.ids-header-inera-admin-nav--fluid{margin-left:0;margin-right:0;max-width:none}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav{display:flex}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav{display:none}.ids-header-inera-admin-nav.ids-header-inera-admin-nav--unresponsive{display:flex}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-nav{border-top:.063rem solid var(--IDS-COLOR-NEUTRAL-90);box-sizing:border-box;display:flex;flex:1 1 auto;flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);width:100%}.ids-header-inera-admin-nav .ids-header-inera-admin-nav__nav-items{display:flex;flex-wrap:wrap}.ids-header-inera-admin-nav.ids-header-inera-admin-nav--fluid{margin-left:0;margin-right:0;max-width:none}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav{display:flex}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav{display:none}.ids-header-inera-admin-nav.ids-header-inera-admin-nav--unresponsive{display:flex}}";
4
4
 
5
5
  var headerIneraAdminNavLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js CHANGED
@@ -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-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button{align-content:flex-end;align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex:1 1 auto;height:30px;justify-content:space-between;padding:0}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button-text>*{display:inline-block}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger{cursor:pointer;position:relative;transition:.2s;user-select:none}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:2px;display:block;height:3px;position:relative;transition:.2s;width:1.3125rem;width:1.875rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content:before{top:10px}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content:before{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:2px;content:\"\";display:inline-block;height:3px;left:0;position:absolute;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:.2s;width:1.3125rem;width:1.875rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content:after{top:-10px}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x .ids-header-inera-admin-nav-mobile__hamburger-content{background:transparent}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x .ids-header-inera-admin-nav-mobile__hamburger-content:before{left:-5px;top:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x .ids-header-inera-admin-nav-mobile__hamburger-content:after{left:-5px;top:0;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__menu-items{box-shadow:var(--header-nav-mobile-menu-items_box-shadow);left:0;position:absolute;right:0;top:100%;z-index:10}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav-mobile{display:block}.ids-header-inera-admin-nav-mobile.ids-header-inera-admin-nav-mobile--unresponsive{display:none}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button{background-color:transparent;border:0;height:1.563rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger{cursor:pointer;position:relative;transition:.2s;user-select:none}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;display:block;height:.188rem;position:relative;transition:.2s;width:1.3125rem;width:1.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;content:\"\";display:inline-block;height:.188rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:.2s;width:1.3125rem;width:1.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{top:.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after{top:-.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.313rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;left:0;position:absolute;right:0;top:100%;z-index:10}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav-mobile{display:block}.ids-header-inera-admin-nav-mobile.ids-header-inera-admin-nav-mobile--unresponsive{display:none}}";
4
4
 
5
5
  var headerIneraAdminNavMobileLit = css`${unsafeCSS(css_248z)}`;
6
6