@inera/ids-design 5.1.2 → 5.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 (105) hide show
  1. package/components/alert/alert-lit.js +1 -1
  2. package/components/alert/alert.css +45 -43
  3. package/components/alert-global/alert-global-lit.js +1 -1
  4. package/components/alert-global/alert-global.css +14 -6
  5. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  6. package/components/breadcrumbs/breadcrumbs.css +9 -5
  7. package/components/card/card.css +0 -8
  8. package/components/data-table/data-table-lit.js +1 -1
  9. package/components/data-table/data-table.css +76 -321
  10. package/components/dialog/dialog-lit.js +1 -1
  11. package/components/dialog/dialog.css +44 -38
  12. package/components/expandable/expandable-lit.js +1 -1
  13. package/components/expandable/expandable.css +16 -13
  14. package/components/footer/footer-lit.js +1 -1
  15. package/components/footer/footer.css +49 -53
  16. package/components/footer-1177/footer-1177-lit.js +1 -1
  17. package/components/footer-1177/footer-1177.css +46 -50
  18. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  19. package/components/footer-1177-admin/footer-1177-admin.css +46 -50
  20. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  21. package/components/footer-1177-pro/footer-1177-pro.css +38 -41
  22. package/components/footer-inera/footer-inera-lit.js +1 -1
  23. package/components/footer-inera/footer-inera.css +46 -50
  24. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  25. package/components/footer-inera-admin/footer-inera-admin.css +46 -50
  26. package/components/form/group/group-lit.js +1 -1
  27. package/components/form/group/group.css +26 -8
  28. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  29. package/components/form/select-multiple/select-multiple.css +90 -115
  30. package/components/grid/column/column.css +1 -1
  31. package/components/header-1177/composite-header-1177.css +40 -112
  32. package/components/header-1177/header-1177-avatar.css +0 -8
  33. package/components/header-1177/header-1177-item.css +7 -3
  34. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  35. package/components/header-1177/header-1177-nav-item-mobile.css +12 -8
  36. package/components/header-1177/header-1177-nav-item.css +35 -15
  37. package/components/header-1177/header-1177.css +7 -3
  38. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +7 -3
  39. package/components/header-1177-admin/header-1177-admin-avatar.css +11 -7
  40. package/components/header-1177-admin/header-1177-admin-item.css +7 -3
  41. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  42. package/components/header-1177-admin/header-1177-admin-nav-item.css +67 -27
  43. package/components/header-1177-admin/header-1177-admin.css +8 -4
  44. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +7 -3
  45. package/components/header-1177-pro/header-1177-pro-avatar.css +11 -7
  46. package/components/header-1177-pro/header-1177-pro-item.css +7 -3
  47. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  48. package/components/header-1177-pro/header-1177-pro-nav-item.css +11 -7
  49. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  50. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +15 -11
  51. package/components/header-1177-pro/header-1177-pro-region-picker.css +11 -7
  52. package/components/header-1177-pro/header-1177-pro.css +7 -3
  53. package/components/header-inera/header-inera-item-lit.js +1 -1
  54. package/components/header-inera/header-inera-item.css +7 -17
  55. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  56. package/components/header-inera/header-inera-nav-item.css +14 -10
  57. package/components/header-inera/header-inera-nav-mobile.css +0 -8
  58. package/components/header-inera/header-inera-nav.css +0 -8
  59. package/components/header-inera/header-inera.css +7 -3
  60. package/components/header-inera-admin/composite-header-inera-admin.css +21 -138
  61. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +0 -8
  62. package/components/header-inera-admin/header-inera-admin-avatar.css +0 -8
  63. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  64. package/components/header-inera-admin/header-inera-admin-item.css +12 -21
  65. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  66. package/components/header-inera-admin/header-inera-admin-nav-item.css +14 -10
  67. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +0 -8
  68. package/components/header-inera-admin/header-inera-admin-nav.css +0 -8
  69. package/components/header-inera-admin/header-inera-admin.css +7 -3
  70. package/components/list/list-lit.js +1 -1
  71. package/components/list/list.css +10 -18
  72. package/components/mobile-menu/mobile-menu.css +7 -3
  73. package/components/pagination/data-pagination/data-pagination.css +0 -8
  74. package/components/pagination/list-pagination/list-pagination.css +7 -3
  75. package/components/popover/popover-content-lit.js +1 -1
  76. package/components/popover/popover-content.css +47 -25
  77. package/components/popover/popover-lit.js +1 -1
  78. package/components/popover/popover.css +1 -8
  79. package/components/side-panel/side-panel-lit.js +7 -0
  80. package/components/side-panel/side-panel.css +198 -0
  81. package/components/stepper/stepper.css +7 -3
  82. package/components/table/table.css +14 -12
  83. package/components/tabs/tab-panel.css +0 -8
  84. package/components/tabs/tab.css +7 -3
  85. package/components/tabs/tabs-lit.js +3 -5
  86. package/components/tabs/tabs.css +0 -8
  87. package/components/tag/tag.css +7 -3
  88. package/components/tooltip/tooltip-lit.js +1 -1
  89. package/components/tooltip/tooltip.css +4 -32
  90. package/global/_partials.css +8 -4
  91. package/global/global.css +767 -453
  92. package/global/util/util.css +4 -0
  93. package/package.json +1 -1
  94. package/themes/1177/1177.css +965 -765
  95. package/themes/1177-pro/1177-pro.css +973 -781
  96. package/themes/inera/inera-tokens.css +1 -0
  97. package/themes/inera/inera.css +973 -758
  98. package/themes/inera-admin/inera-admin.css +975 -762
  99. package/themes/reset.css +1 -1
  100. package/components/description-list/description-list-lit.js +0 -7
  101. package/components/description-list/description-list.css +0 -98
  102. package/components/form/toggle/toggle-lit.d.ts +0 -2
  103. package/components/form/toggle/toggle-lit.js +0 -7
  104. package/components/form/toggle/toggle.css +0 -154
  105. /package/components/{description-list/description-list-lit.d.ts → side-panel/side-panel-lit.d.ts} +0 -0
package/components/header-inera/header-inera-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-item{align-items:center;display:none;margin-right:16px;position:relative}.ids-header-inera-item.ids-header-inera-item--mobile{display:flex}.ids-header-inera-item .ids-header-inera-item__link{align-items:center;display:flex}.ids-header-inera-item a{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.ids-header-inera-item .ids-header-inera-item__link-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-item .ids-header-inera-item__link-icon{display:flex}.ids-header-inera-item ::slotted(:not([slot=icon])){bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.ids-header-inera-item:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}@media (min-width:1024px){.ids-header-inera-item{display:flex;margin-right:30px}.ids-header-inera-item .ids-header-inera-item__link-text{display:flex}.ids-header-inera-item.ids-header-inera-item__separator{margin-left:32px}.ids-header-inera-item.ids-header-inera-item__separator:after{background-color:var(--IDS-COLOR-NEUTRAL-90);bottom:-15px;content:\"\";left:-16px;position:absolute;top:-20px;width:1px}}@media (max-width:1024px){.ids-header-inera-item.ids-header-inera-item--unresponsive,.ids-header-inera-item.ids-header-inera-item--unresponsive .ids-header-inera-item__link-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-item{align-items:center;display:none;margin-right:8px;padding:16px 8px;position:relative}.ids-header-inera-item.ids-header-inera-item--mobile{display:flex}.ids-header-inera-item a{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.ids-header-inera-item .ids-header-inera-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-item .ids-header-inera-item__icon{display:flex}.ids-header-inera-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-item:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}@media (min-width:1024px){.ids-header-inera-item{display:flex;margin-right:30px}.ids-header-inera-item .ids-header-inera-item__text{display:flex}.ids-header-inera-item.ids-header-inera-item__separator{margin-left:32px}.ids-header-inera-item.ids-header-inera-item__separator:after{background-color:var(--IDS-COLOR-NEUTRAL-90);bottom:-15px;content:\"\";left:-16px;position:absolute;top:-20px;width:1px}}@media (max-width:1024px){.ids-header-inera-item.ids-header-inera-item--unresponsive,.ids-header-inera-item.ids-header-inera-item--unresponsive .ids-header-inera-item__text{display:flex}}";
4
4
 
5
5
  var headerIneraItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-inera/header-inera-item.css CHANGED
@@ -1,11 +1,3 @@
1
- /* 1177 Typography - no margins */
2
- /*******
3
- * FORM
4
- ********/
5
- /*******
6
- * Accessibility
7
- ********/
8
- /* headings */
9
1
  @media (max-width: 1023px) {
10
2
  .ids-desktop {
11
3
  display: none !important;
@@ -21,16 +13,13 @@
21
13
  .ids-header-inera-item {
22
14
  position: relative;
23
15
  align-items: center;
24
- margin-right: 16px;
16
+ margin-right: 8px;
17
+ padding: 16px 8px;
25
18
  display: none;
26
19
  }
27
20
  .ids-header-inera-item.ids-header-inera-item--mobile {
28
21
  display: flex;
29
22
  }
30
- .ids-header-inera-item .ids-header-inera-item__link {
31
- display: flex;
32
- align-items: center;
33
- }
34
23
  .ids-header-inera-item a {
35
24
  position: absolute;
36
25
  top: 0;
@@ -39,7 +28,7 @@
39
28
  right: 0;
40
29
  z-index: 2;
41
30
  }
42
- .ids-header-inera-item .ids-header-inera-item__link-text {
31
+ .ids-header-inera-item .ids-header-inera-item__text {
43
32
  display: none;
44
33
  text-decoration: none;
45
34
  font-weight: 600 !important;
@@ -48,12 +37,13 @@
48
37
  color: var(--IDS-COLOR-NEUTRAL-20);
49
38
  margin-left: 8px;
50
39
  }
51
- .ids-header-inera-item .ids-header-inera-item__link-icon {
40
+ .ids-header-inera-item .ids-header-inera-item__icon {
52
41
  display: flex;
53
42
  }
54
43
  .ids-header-inera-item ::slotted(:not([slot=icon])) {
55
44
  opacity: 0;
56
45
  position: absolute;
46
+ cursor: pointer !important;
57
47
  top: 0;
58
48
  bottom: 0;
59
49
  left: 0;
@@ -69,7 +59,7 @@
69
59
  margin-right: 30px;
70
60
  display: flex;
71
61
  }
72
- .ids-header-inera-item .ids-header-inera-item__link-text {
62
+ .ids-header-inera-item .ids-header-inera-item__text {
73
63
  display: flex;
74
64
  }
75
65
  .ids-header-inera-item.ids-header-inera-item__separator {
@@ -89,7 +79,7 @@
89
79
  .ids-header-inera-item.ids-header-inera-item--unresponsive {
90
80
  display: flex;
91
81
  }
92
- .ids-header-inera-item.ids-header-inera-item--unresponsive .ids-header-inera-item__link-text {
82
+ .ids-header-inera-item.ids-header-inera-item--unresponsive .ids-header-inera-item__text {
93
83
  display: flex;
94
84
  }
95
85
  }
package/components/header-inera/header-inera-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-nav-item{display:none}.ids-header-inera-nav-item ::slotted(.ids-link),.ids-header-inera-nav-item ::slotted(a){bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.ids-header-inera-nav-item .ids-notification-badge,.ids-header-inera-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:3px;position:relative;top:-2px}.ids-header-inera-nav-item.ids-header-inera-nav-item--unresponsive{display:block}.ids-header-inera-nav-item:focus-within .ids-header-inera-nav-item__link{outline:var(--focus_outline);outline-offset:-5px}.ids-header-inera-nav-item .ids-header-inera-nav-item__button,.ids-header-inera-nav-item .ids-header-inera-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 16px;position:relative;text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_2);text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a:focus,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a:focus{outline:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active{background-color:var(--header-nav-item-active_background-color)}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-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-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item .ids-header-inera-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-nav-item .ids-header-inera-nav-item__button:hover,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover{border:var(--header-nav-item-hover_border);text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.focus-within:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.focus-within:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:focus,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-inera-nav-item .ids-header-inera-nav-item__content{background-color:var(--IDS-COLOR-SECONDARY-95);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-nav-item .ids-header-inera-nav-item__content-inner{display:flex;margin:0 auto;max-width:var(--IDS_MAX-WIDTH);width:100%}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner.ids-header-inera-nav-item__content-inner--fluid{max-width:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col{flex:0 25%}.ids-header-inera-nav-item ::slotted([slot=col-1]),.ids-header-inera-nav-item ::slotted([slot=col-2]),.ids-header-inera-nav-item ::slotted([slot=col-3]),.ids-header-inera-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-nav-item ::slotted([slot=col-1]) a,.ids-header-inera-nav-item ::slotted([slot=col-2]) a,.ids-header-inera-nav-item ::slotted([slot=col-3]) a,.ids-header-inera-nav-item ::slotted([slot=col-4]) a{display:block}.ids-header-inera-nav-item .ids-header-inera-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-nav-item{display:flex}.ids-header-inera-nav-item .ids-header-inera-nav-item__content{padding:40px 88px 50px}}@media only screen and (max-width:1440){.ids-header-inera-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-nav-item{display:none}.ids-header-inera-nav-item ::slotted(.ids-link),.ids-header-inera-nav-item ::slotted(a){bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.ids-header-inera-nav-item .ids-notification-badge,.ids-header-inera-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:3px;position:relative;top:-2px}.ids-header-inera-nav-item.ids-header-inera-nav-item--unresponsive{display:block}.ids-header-inera-nav-item:focus-within .ids-header-inera-nav-item__link{outline:var(--focus_outline);outline-offset:-5px}.ids-header-inera-nav-item .ids-header-inera-nav-item__button,.ids-header-inera-nav-item .ids-header-inera-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-nav-item .ids-header-inera-nav-item__button a,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_2);text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a:focus,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a:focus{outline:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active{background-color:var(--header-nav-item-active_background-color)}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__link--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--active:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__link--active:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-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-nav-item .ids-header-inera-nav-item__button.ids-header-inera-nav-item__button--expanded:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.ids-header-inera-nav-item__button--expanded:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item .ids-header-inera-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-nav-item .ids-header-inera-nav-item__button:hover,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover{border:var(--header-nav-item-hover_border);text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button.focus-within:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link.focus-within:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:focus-visible:focus,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:focus-visible:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-inera-nav-item .ids-header-inera-nav-item__content{background-color:var(--IDS-COLOR-SECONDARY-95);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-nav-item .ids-header-inera-nav-item__content-inner{display:flex;margin:0 auto;max-width:var(--IDS_MAX-WIDTH);width:100%}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-inner.ids-header-inera-nav-item__content-inner--fluid{max-width:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__content-col{flex:0 25%}.ids-header-inera-nav-item ::slotted([slot=col-1]),.ids-header-inera-nav-item ::slotted([slot=col-2]),.ids-header-inera-nav-item ::slotted([slot=col-3]),.ids-header-inera-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-nav-item ::slotted([slot=col-1]) a,.ids-header-inera-nav-item ::slotted([slot=col-2]) a,.ids-header-inera-nav-item ::slotted([slot=col-3]) a,.ids-header-inera-nav-item ::slotted([slot=col-4]) a{display:block}.ids-header-inera-nav-item .ids-header-inera-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-nav-item{display:flex}.ids-header-inera-nav-item .ids-header-inera-nav-item__content{padding:40px 88px 50px}}@media only screen and (max-width:1024px){.ids-header-inera-nav-item .nav-item{font-size:1.0625rem!important}}";
4
4
 
5
5
  var headerIneraNavItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-inera/header-inera-nav-item.css CHANGED
@@ -1,11 +1,3 @@
1
- /* 1177 Typography - no margins */
2
- /*******
3
- * FORM
4
- ********/
5
- /*******
6
- * Accessibility
7
- ********/
8
- /* headings */
9
1
  @media (max-width: 1023px) {
10
2
  .ids-desktop {
11
3
  display: none !important;
@@ -18,6 +10,18 @@
18
10
  }
19
11
  }
20
12
 
13
+ /*******
14
+ * BUTTONS
15
+ ********/
16
+ /*******
17
+ * SCROLLBAR
18
+ ********/
19
+ /*******
20
+ * FORM
21
+ ********/
22
+ /*******
23
+ * A11Y
24
+ ********/
21
25
  .ids-header-inera-nav-item {
22
26
  display: none;
23
27
  }
@@ -49,7 +53,7 @@
49
53
  .ids-header-inera-nav-item .ids-header-inera-nav-item__link {
50
54
  display: block;
51
55
  position: relative;
52
- padding: 8px 16px;
56
+ padding: 8px 10px;
53
57
  outline-offset: -2px !important;
54
58
  text-decoration: none;
55
59
  font-size: 18px;
@@ -192,7 +196,7 @@
192
196
  padding: 40px 88px 50px;
193
197
  }
194
198
  }
195
- @media only screen and (max-width: 1440) {
199
+ @media only screen and (max-width: 1024px) {
196
200
  .ids-header-inera-nav-item .nav-item {
197
201
  font-size: 1.0625rem !important;
198
202
  }
package/components/header-inera/header-inera-nav-mobile.css CHANGED
@@ -1,11 +1,3 @@
1
- /* 1177 Typography - no margins */
2
- /*******
3
- * FORM
4
- ********/
5
- /*******
6
- * Accessibility
7
- ********/
8
- /* headings */
9
1
  @media (max-width: 1023px) {
10
2
  .ids-desktop {
11
3
  display: none !important;
package/components/header-inera/header-inera-nav.css CHANGED
@@ -1,11 +1,3 @@
1
- /* 1177 Typography - no margins */
2
- /*******
3
- * FORM
4
- ********/
5
- /*******
6
- * Accessibility
7
- ********/
8
- /* headings */
9
1
  @media (max-width: 1023px) {
10
2
  .ids-desktop {
11
3
  display: none !important;
package/components/header-inera/header-inera.css CHANGED
@@ -1,11 +1,15 @@
1
- /* 1177 Typography - no margins */
1
+ /*******
2
+ * BUTTONS
3
+ ********/
4
+ /*******
5
+ * SCROLLBAR
6
+ ********/
2
7
  /*******
3
8
  * FORM
4
9
  ********/
5
10
  /*******
6
- * Accessibility
11
+ * A11Y
7
12
  ********/
8
- /* headings */
9
13
  @media (max-width: 1023px) {
10
14
  .ids-desktop {
11
15
  display: none !important;
package/components/header-inera-admin/composite-header-inera-admin.css CHANGED
@@ -1,11 +1,15 @@
1
- /* 1177 Typography - no margins */
1
+ /*******
2
+ * BUTTONS
3
+ ********/
4
+ /*******
5
+ * SCROLLBAR
6
+ ********/
2
7
  /*******
3
8
  * FORM
4
9
  ********/
5
10
  /*******
6
- * Accessibility
11
+ * A11Y
7
12
  ********/
8
- /* headings */
9
13
  @media (max-width: 1023px) {
10
14
  .ids-desktop {
11
15
  display: none !important;
@@ -146,39 +150,16 @@
146
150
  }
147
151
  }
148
152
 
149
- /* 1177 Typography - no margins */
150
- /*******
151
- * FORM
152
- ********/
153
- /*******
154
- * Accessibility
155
- ********/
156
- /* headings */
157
- @media (max-width: 1023px) {
158
- .ids-desktop {
159
- display: none !important;
160
- }
161
- }
162
-
163
- @media (min-width: 1024px) {
164
- .ids-mobile {
165
- display: none !important;
166
- }
167
- }
168
-
169
153
  .ids-header-inera-admin-item {
170
154
  position: relative;
171
155
  align-items: center;
172
156
  margin-right: 16px;
157
+ padding: 16px 8px;
173
158
  display: none;
174
159
  }
175
160
  .ids-header-inera-admin-item.ids-header-inera-admin-item--mobile {
176
161
  display: flex;
177
162
  }
178
- .ids-header-inera-admin-item .ids-header-inera-admin-item__link {
179
- display: flex;
180
- align-items: center;
181
- }
182
163
  .ids-header-inera-admin-item a {
183
164
  position: absolute;
184
165
  top: 0;
@@ -187,7 +168,7 @@
187
168
  right: 0;
188
169
  z-index: 2;
189
170
  }
190
- .ids-header-inera-admin-item .ids-header-inera-admin-item__link-text {
171
+ .ids-header-inera-admin-item .ids-header-inera-admin-item__text {
191
172
  display: none;
192
173
  text-decoration: none;
193
174
  font-weight: 600 !important;
@@ -196,12 +177,13 @@
196
177
  color: var(--IDS-COLOR-NEUTRAL-20);
197
178
  margin-left: 8px;
198
179
  }
199
- .ids-header-inera-admin-item .ids-header-inera-admin-item__link-icon {
180
+ .ids-header-inera-admin-item .ids-header-inera-admin-item__icon {
200
181
  display: flex;
201
182
  }
202
183
  .ids-header-inera-admin-item ::slotted(:not([slot=icon])) {
203
184
  opacity: 0;
204
185
  position: absolute;
186
+ cursor: pointer !important;
205
187
  top: 0;
206
188
  bottom: 0;
207
189
  left: 0;
@@ -214,54 +196,35 @@
214
196
  }
215
197
  @media all and (min-width: 1024px) {
216
198
  .ids-header-inera-admin-item {
217
- margin-right: 30px;
218
199
  display: flex;
219
200
  }
220
- .ids-header-inera-admin-item .ids-header-inera-admin-item__link-text {
201
+ .ids-header-inera-admin-item .ids-header-inera-admin-item__text {
221
202
  display: flex;
222
203
  }
223
204
  .ids-header-inera-admin-item.ids-header-inera-admin-item__separator {
224
- margin-left: 32px;
205
+ margin-left: 28px;
225
206
  }
226
207
  .ids-header-inera-admin-item.ids-header-inera-admin-item__separator::after {
227
208
  content: "";
228
209
  background-color: var(--IDS-COLOR-NEUTRAL-90);
229
210
  width: 1px;
230
211
  position: absolute;
231
- top: -20px;
232
- bottom: -15px;
233
- left: -16px;
212
+ top: 0;
213
+ bottom: 0;
214
+ border-left: 11px solid #fff;
215
+ border-right: 11px solid #fff;
216
+ left: -33px;
234
217
  }
235
218
  }
236
219
  @media all and (max-width: 1024px) {
237
220
  .ids-header-inera-admin-item.ids-header-inera-admin-item--unresponsive {
238
221
  display: flex;
239
222
  }
240
- .ids-header-inera-admin-item.ids-header-inera-admin-item--unresponsive .ids-header-inera-admin-item__link-text {
223
+ .ids-header-inera-admin-item.ids-header-inera-admin-item--unresponsive .ids-header-inera-admin-item__text {
241
224
  display: flex;
242
225
  }
243
226
  }
244
227
 
245
- /* 1177 Typography - no margins */
246
- /*******
247
- * FORM
248
- ********/
249
- /*******
250
- * Accessibility
251
- ********/
252
- /* headings */
253
- @media (max-width: 1023px) {
254
- .ids-desktop {
255
- display: none !important;
256
- }
257
- }
258
-
259
- @media (min-width: 1024px) {
260
- .ids-mobile {
261
- display: none !important;
262
- }
263
- }
264
-
265
228
  .ids-header-inera-admin-avatar {
266
229
  position: relative;
267
230
  }
@@ -386,26 +349,6 @@
386
349
  }
387
350
  }
388
351
 
389
- /* 1177 Typography - no margins */
390
- /*******
391
- * FORM
392
- ********/
393
- /*******
394
- * Accessibility
395
- ********/
396
- /* headings */
397
- @media (max-width: 1023px) {
398
- .ids-desktop {
399
- display: none !important;
400
- }
401
- }
402
-
403
- @media (min-width: 1024px) {
404
- .ids-mobile {
405
- display: none !important;
406
- }
407
- }
408
-
409
352
  .ids-header-inera-admin-avatar-mobile {
410
353
  width: 100%;
411
354
  padding: 12px 20px;
@@ -459,26 +402,6 @@
459
402
  }
460
403
  }
461
404
 
462
- /* 1177 Typography - no margins */
463
- /*******
464
- * FORM
465
- ********/
466
- /*******
467
- * Accessibility
468
- ********/
469
- /* headings */
470
- @media (max-width: 1023px) {
471
- .ids-desktop {
472
- display: none !important;
473
- }
474
- }
475
-
476
- @media (min-width: 1024px) {
477
- .ids-mobile {
478
- display: none !important;
479
- }
480
- }
481
-
482
405
  .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button {
483
406
  height: 30px;
484
407
  justify-content: space-between;
@@ -591,26 +514,6 @@
591
514
  }
592
515
  }
593
516
 
594
- /* 1177 Typography - no margins */
595
- /*******
596
- * FORM
597
- ********/
598
- /*******
599
- * Accessibility
600
- ********/
601
- /* headings */
602
- @media (max-width: 1023px) {
603
- .ids-desktop {
604
- display: none !important;
605
- }
606
- }
607
-
608
- @media (min-width: 1024px) {
609
- .ids-mobile {
610
- display: none !important;
611
- }
612
- }
613
-
614
517
  .ids-header-inera-admin-nav {
615
518
  max-width: var(--IDS_MAX-WIDTH);
616
519
  width: 100%;
@@ -645,26 +548,6 @@
645
548
  }
646
549
  }
647
550
 
648
- /* 1177 Typography - no margins */
649
- /*******
650
- * FORM
651
- ********/
652
- /*******
653
- * Accessibility
654
- ********/
655
- /* headings */
656
- @media (max-width: 1023px) {
657
- .ids-desktop {
658
- display: none !important;
659
- }
660
- }
661
-
662
- @media (min-width: 1024px) {
663
- .ids-mobile {
664
- display: none !important;
665
- }
666
- }
667
-
668
551
  .ids-header-inera-admin-nav-item {
669
552
  display: none;
670
553
  }
@@ -696,7 +579,7 @@
696
579
  .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link {
697
580
  display: block;
698
581
  position: relative;
699
- padding: 8px 16px;
582
+ padding: 8px 10px;
700
583
  outline-offset: -2px !important;
701
584
  text-decoration: none;
702
585
  font-size: 18px;
@@ -838,7 +721,7 @@
838
721
  padding: 40px 88px 50px;
839
722
  }
840
723
  }
841
- @media only screen and (max-width: 1440) {
724
+ @media only screen and (max-width: 1024px) {
842
725
  .ids-header-inera-admin-nav-item .nav-item {
843
726
  font-size: 1.0625rem !important;
844
727
  }
package/components/header-inera-admin/header-inera-admin-avatar-mobile.css CHANGED
@@ -1,11 +1,3 @@
1
- /* 1177 Typography - no margins */
2
- /*******
3
- * FORM
4
- ********/
5
- /*******
6
- * Accessibility
7
- ********/
8
- /* headings */
9
1
  @media (max-width: 1023px) {
10
2
  .ids-desktop {
11
3
  display: none !important;
package/components/header-inera-admin/header-inera-admin-avatar.css CHANGED
@@ -1,11 +1,3 @@
1
- /* 1177 Typography - no margins */
2
- /*******
3
- * FORM
4
- ********/
5
- /*******
6
- * Accessibility
7
- ********/
8
- /* headings */
9
1
  @media (max-width: 1023px) {
10
2
  .ids-desktop {
11
3
  display: none !important;
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;position:relative}.ids-header-inera-admin-item.ids-header-inera-admin-item--mobile{display:flex}.ids-header-inera-admin-item .ids-header-inera-admin-item__link{align-items:center;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__link-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__link-icon{display:flex}.ids-header-inera-admin-item ::slotted(:not([slot=icon])){bottom:0;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{display:flex;margin-right:30px}.ids-header-inera-admin-item .ids-header-inera-admin-item__link-text{display:flex}.ids-header-inera-admin-item.ids-header-inera-admin-item__separator{margin-left:32px}.ids-header-inera-admin-item.ids-header-inera-admin-item__separator:after{background-color:var(--IDS-COLOR-NEUTRAL-90);bottom:-15px;content:\"\";left:-16px;position:absolute;top:-20px;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__link-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: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}}";
4
4
 
5
5
  var headerIneraAdminItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-inera-admin/header-inera-admin-item.css CHANGED
@@ -1,11 +1,3 @@
1
- /* 1177 Typography - no margins */
2
- /*******
3
- * FORM
4
- ********/
5
- /*******
6
- * Accessibility
7
- ********/
8
- /* headings */
9
1
  @media (max-width: 1023px) {
10
2
  .ids-desktop {
11
3
  display: none !important;
@@ -22,15 +14,12 @@
22
14
  position: relative;
23
15
  align-items: center;
24
16
  margin-right: 16px;
17
+ padding: 16px 8px;
25
18
  display: none;
26
19
  }
27
20
  .ids-header-inera-admin-item.ids-header-inera-admin-item--mobile {
28
21
  display: flex;
29
22
  }
30
- .ids-header-inera-admin-item .ids-header-inera-admin-item__link {
31
- display: flex;
32
- align-items: center;
33
- }
34
23
  .ids-header-inera-admin-item a {
35
24
  position: absolute;
36
25
  top: 0;
@@ -39,7 +28,7 @@
39
28
  right: 0;
40
29
  z-index: 2;
41
30
  }
42
- .ids-header-inera-admin-item .ids-header-inera-admin-item__link-text {
31
+ .ids-header-inera-admin-item .ids-header-inera-admin-item__text {
43
32
  display: none;
44
33
  text-decoration: none;
45
34
  font-weight: 600 !important;
@@ -48,12 +37,13 @@
48
37
  color: var(--IDS-COLOR-NEUTRAL-20);
49
38
  margin-left: 8px;
50
39
  }
51
- .ids-header-inera-admin-item .ids-header-inera-admin-item__link-icon {
40
+ .ids-header-inera-admin-item .ids-header-inera-admin-item__icon {
52
41
  display: flex;
53
42
  }
54
43
  .ids-header-inera-admin-item ::slotted(:not([slot=icon])) {
55
44
  opacity: 0;
56
45
  position: absolute;
46
+ cursor: pointer !important;
57
47
  top: 0;
58
48
  bottom: 0;
59
49
  left: 0;
@@ -66,30 +56,31 @@
66
56
  }
67
57
  @media all and (min-width: 1024px) {
68
58
  .ids-header-inera-admin-item {
69
- margin-right: 30px;
70
59
  display: flex;
71
60
  }
72
- .ids-header-inera-admin-item .ids-header-inera-admin-item__link-text {
61
+ .ids-header-inera-admin-item .ids-header-inera-admin-item__text {
73
62
  display: flex;
74
63
  }
75
64
  .ids-header-inera-admin-item.ids-header-inera-admin-item__separator {
76
- margin-left: 32px;
65
+ margin-left: 28px;
77
66
  }
78
67
  .ids-header-inera-admin-item.ids-header-inera-admin-item__separator::after {
79
68
  content: "";
80
69
  background-color: var(--IDS-COLOR-NEUTRAL-90);
81
70
  width: 1px;
82
71
  position: absolute;
83
- top: -20px;
84
- bottom: -15px;
85
- left: -16px;
72
+ top: 0;
73
+ bottom: 0;
74
+ border-left: 11px solid #fff;
75
+ border-right: 11px solid #fff;
76
+ left: -33px;
86
77
  }
87
78
  }
88
79
  @media all and (max-width: 1024px) {
89
80
  .ids-header-inera-admin-item.ids-header-inera-admin-item--unresponsive {
90
81
  display: flex;
91
82
  }
92
- .ids-header-inera-admin-item.ids-header-inera-admin-item--unresponsive .ids-header-inera-admin-item__link-text {
83
+ .ids-header-inera-admin-item.ids-header-inera-admin-item--unresponsive .ids-header-inera-admin-item__text {
93
84
  display: flex;
94
85
  }
95
86
  }
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 16px;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:1440){.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: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}}";
4
4
 
5
5
  var headerIneraAdminNavItemLit = css`${unsafeCSS(css_248z)}`;
6
6